码迷,mamicode.com
首页 > 其他好文 > 详细

highcharts属性设置

时间:2014-05-26 09:02:57      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:c   class   ext   http   a   color   

http://www.hcharts.cn/  

Highcharts中文网

 

tooltip: {
crosshairs: true,
shared: true
},加入此属性后,数据点提示框会将几个数据点全都显示出来,默认的话,数据点提示框中有y节点,和当前的数据点值

 

legend: {
  layout: ‘vertical‘,
  align: ‘right‘,
  verticalAlign: ‘top‘,
  x: -40,
  y: 100,
  floating: true,
  borderWidth: 1,
  backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor || ‘#FFFFFF‘),
  shadow: true
 

}

 

设置数据节点框的属性

 

 

valueSuffix: ‘ millions‘

tolltip中加入该属性后,所有数据值后面会加上单位millions

 

 

tooltip: {
formatter: function() {
return this.point.y;
}
}                 代表数据点提示框就显示y轴上的数值

 

 

tooltip: {
formatter: function() {
return false;
}
},             效果:不显示数据节点框

 

credits :{
text:‘‘
},               加入后不显示版权链接

 

xAxis: {
labels: {
formatter: function() {return this.value+":00";}
},min:0,
},              x列正常的数据显示,后面加上:00   作为时钟用

 

矩形图正常显示是:矩形是横着的,要竖着显示,就要加入data.js    内容用table显示

 

plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},             效果:让矩形条后面直接跟着数据

highcharts属性设置,布布扣,bubuko.com

highcharts属性设置

标签:c   class   ext   http   a   color   

原文地址:http://www.cnblogs.com/snowbaby-kang/p/3747463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!