highcharts 显示点值的效果

 plotOptions: {
                line: {
                	/*
                  <s:if test=‘#request.rdflags=="point"‘>
		                    <s:if test="%{#request.chartsVO.category == ‘rd‘}">
		 					dataLabels: {
		 						enabled: true,
		 	                    borderRadius: 3,
		                        backgroundColor: ‘rgba(252, 255, 197, 0.7)‘,
		                        borderWidth: 1,
		                        borderColor: ‘#AAA‘,
		                        y:-7,
		 	                   formatter:function(){
		                           var ary = this.series.data;
		                           var i;
		                           for (i = 0; i < ary.length; i++)
							        {
							            if (this.x == ary[i].x)
							            {
							                break;
							            }
							        }
		                           if (i%4 == 0 && ary.length-1-i>3|| i == ary.length-1) {
		                                return this.y;
		                            }else {
		                                return null;
		                           }
		                       }
		 	                },
		 	               </s:if>
 	               </s:if>
 	               */
                    marker: {
                    	<s:if test=‘#request.rdflags=="point"‘>
                    	   enabled:false,
                    	</s:if>
                    	<s:else>
                    	enabled:true,
                    	radius: 1,
                    	</s:else>
						states:{
							hover:{
								enabled:true,
								radius:4
                            }
						}
                    },
                    states:{
						hover:{
							enabled:true
                        }
					}
                }
            },

第二种方法:

  1  series: [
  2                 <s:iterator var="item" value="#request.chartsVO.series" status="status">
  3                 {
  4                     name : ‘${item.name}‘,
  5                     type: ‘${item.type}‘,
  6                     yAxis: ${item.yaxis},
  7                     color: ‘${item.color}‘,
  8                     tooltip: {
  9                         valueDecimals:${item.precision}
 10                     },
 11                     data: [
 12                         <s:iterator var="d" value="#item.datas" status="d_status">
 13                             <s:if test="%{#request.chartsVO.xaxisVO.xaxisType == ‘datetime‘}">
 14                             <s:if test=‘#d.y!=null‘>
 15                                 <s:if test=‘#request.rdflags=="point"‘>
 16                                     <s:if test="%{(#d_status.index % 4==0 && #item.datas.size()-#d_status.index>3)||#d_status.last}">
 17                                     {
 18                                         x:${d.x},
 19                                         dataLabels: {
 20                                             enabled: true
 21                                         },
 22                                         marker:{
 23                                             enabled:true
 24                                         },
 25                                         y:${d.y}
 26                                     }
 27                                     </s:if>
 28                                     <s:else>
 29                                     [${d.x}, ${d.y}]
 30                                     </s:else>
 31                                 </s:if>
 32                                 <s:else>
 33                                   [${d.x}, ${d.y}]
 34                                 </s:else>
 35                             </s:if>
 36                             <s:else>
 37                               [${d.x}, null]
 38                             </s:else>
 39                             </s:if>
 40                             <s:if test="%{#request.chartsVO.xaxisVO.xaxisType == ‘category‘}">
 41                                  <s:if test="%{#request.chartsVO.category == ‘xd‘}">
 42                                       <s:if test=‘#d.y!=null‘>
 43                                                <s:if test=‘#request.rdflags=="point"‘>
 44                                                         <s:if test="%{(#d_status.index % 4==0 && #item.datas.size()-#d_status.index>4)||#d_status.last}">
 45                                                         {
 46                                                             dataLabels: { //datalabels 标签的 enabled属性控制点值的显示
 47                                                                enabled: true
 48                                                             },
 49                                                             marker:{
 50                                                                 enabled:true
 51                                                             },
 52                                                             y:${d.y}
 53                                                         }
 54                                                         </s:if>
 55                                                         <s:else>
 56                                                         [, ${d.y}]
 57                                                         </s:else>
 58                                                 </s:if>
 59                                                 <s:else>
 60                                                    [, ${d.y}]
 61                                                 </s:else>
 62                                       </s:if>
 63                                       <s:else>
 64                                           [, null]
 65                                       </s:else>
 66                                   </s:if>
 67                                   <s:else>
 68                                       <s:if test=‘#d.y!=null‘>
 69                                            <s:if test=‘#request.rdflags=="point"‘>
 70                                                     <s:if test="%{(#d_status.index % 2==0 && #item.datas.size()-#d_status.index>2)||#d_status.last}">
 71                                                     {
 72                                                         dataLabels: {
 73                                                                enabled: true
 74                                                         },
 75                                                         marker:{
 76                                                             enabled:true
 77                                                         },
 78                                                         y:${d.y}
 79                                                     }
 80                                                     </s:if>
 81                                                     <s:else>
 82                                                     [, ${d.y}]
 83                                                     </s:else>
 84                                             </s:if>
 85                                             <s:else>
 86                                                [, ${d.y}]
 87                                             </s:else>
 88                                       </s:if>
 89                                       <s:else>
 90                                           [, null]
 91                                       </s:else>
 92                                   </s:else>
 93                             </s:if>
 94                             <s:if test="!#d_status.last">,</s:if>
 95                         </s:iterator>
 96                     ]
 97                 }
 98                 <s:if test="!#status.last">,</s:if>
 99                 </s:iterator>
100             ]
时间: 2024-08-29 10:16:30

highcharts 显示点值的效果的相关文章

3-Highcharts曲线图之显示点值折线图

直接上代码  根据代码注释讲解 <!DOCTYPE> <html lang='en'> <head> <title>3-Highcharts曲线图之显示点值折线图</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script src="../jquery-2.1.4/jquer

Qt自定义带游标的slider,在滑块正上方显示当前值(非常有意思,继承QSlider之后增加一个QLabel,然后不断移动它)

首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h [cpp] view plain copy #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER_H #include <QSlider> #include <QLabel> #include <QMouseEvent> class MyCustomSlider : public QSlider { public: MyCu

Qt自定义带游标的slider,在滑块正上方显示当前值(类似于进度条,用一个额外的QLabel冒充QSilder的一部分,然后move就行了)

首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h [cpp] view plain copy #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER_H #include <QSlider> #include <QLabel> #include <QMouseEvent> class MyCustomSlider : public QSlider { public: MyCu

Material Design学习之 Sliders(详细分析,悬空气球显示进度值,附带Eclipse可以jar)

转载请注明出处:王亟亟的大牛之路 Material Design系列的文章这是第五篇,今天讲滑块控件(Sliders). 之前的传送门:http://blog.csdn.net/ddwhan0123/article/details/50578348(代码实现都靠画,学好View还是很重要的) 老规矩,先说下理论部分 滑块控件(Sliders,简称滑块)可以让我们通过在连续或间断的区间内滑动锚点来选择一个合适的数值.区间最小值放在左边,对应的,最大值放在右边.滑块(Sliders)可以在滑动条的左

解决ASP.NET MVC4中使用Html.DropDownListFor显示枚举值默认项问题

从ASP.NET MVC 5开始,Html.DropDownListFor已经提供了对Enum的支持,但在这以前,需要通过帮助方法或扩展方法来让Html.DropDownListFor显示枚举值. 本篇解决在ASP.NET MVC 4 下Html.DropDownListFor显示默认项的问题. 以上,使用Select是通过Html.DropDownListFor来实现的,Select的选项值是从枚举中读出.可以看到,某个枚举值成了默认选项,而我想让"==请选择=="成为Select的

js获取并设置&lt;p&gt;&lt;/p&gt;的显示的值。

原文链接:http://www.nowamagic.net/librarys/posts/jquery/23 html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容.要获取某个元素的内容,可以这样: 1 var p_html = $("p").html(); //获取p元素的HTML代码  如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数.例如要设置p元素的HTML代码,可以使用如下代码

setAnimationStyle实现的popwindow显示消失的动画效果

摘要 popwindow通过setAnimationStyle(int animationStyle)函数来设置动画效果 android:windowEnterAnimation表示进入窗口动画 android:windowExitAnimation表示窗口退出动画 在res/values/style.xml代码: ?xml version="1.0" encoding="utf-8"? resources style popwindow通过setAnimation

EHlib在数据单元中显示字段值为图形。

-[定制网格数据单元]  在数据单元中显示字段值为图形.  TDBGridEh allows to show bitmaps from TImageList component depending on field values. TDBGridEh 可以根据字段的值显示TImageList 组件中相应的BMP. To show bitmaps depending on field values need: 要根据字段的值显示BMP图片需要, Fill list of field values

WPF{ComboBox绑定类对象, 下拉列显示的值,与取到的值}

DisplayMemberPath 是用来显示下拉列表的值 SelectedValuePath是用来取得选中项的值. ComboBox绑定类对象, 下拉列显示的值,与取到的值 string. Join的作用 输出结果是