highcharts报表自定义Y轴扩展属性

来源：互联网发布：易碎贴纸淘宝编辑：程序博客网时间：2024/04/30 21:24

请看例子备注：

$(function () {
  var chart;
  $(document).ready(function() {
  chart = new Highcharts.Chart({
  chart: {
  renderTo: 'container',
  type: 'line',
  marginRight: 130,
  marginBottom: 25
  },
  title: {
  text: 'Monthly Average Temperature',
  x: -20 //center
  },
  subtitle: {
  text: 'Source: WorldClimate.com',
  x: -20
  },
  xAxis: {
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },
  yAxis: {
  title: {
  text: 'Temperature (°C)'
  },
  plotLines: [{
  value: 0,
  width: 1,
  color: '#808080'
  }]
  },
  tooltip: {
  formatter: function() {
  return '<b>'+ this.series.name +'</b><br/>'+
  this.x +': '+ this.y +'°C'+
  '<br/>扩展属性:'+this.point.extendRemark;
  }
  },
  legend: {
  layout: 'vertical',
  align: 'right',
  verticalAlign: 'top',
  x: -10,
  y: 100,
  borderWidth: 0
  },
series: [{"name":"设备1号","data":[{"y":4,"extendRemark":"08:58"},{"y":4,"extendRemark":"09:03"},{"y":4,"extendRemark":"09:09"},{"y":4,"extendRemark":"09:14"},{"y":4,"extendRemark":"09:19"},{"y":4,"extendRemark":"09:24"},{"y":4,"extendRemark":"09:29"},{"y":4,"extendRemark":"09:33"}]}]

  });
  });

});