首页 > 代码库 > highcharts属性设置

highcharts属性设置

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
}
}
},             效果:让矩形条后面直接跟着数据