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

最新推荐文章于 2025-05-06 15:41:56 发布

原创最新推荐文章于 2025-05-06 15:41:56 发布 · 9.1k 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

4 篇文章

订阅专栏

请看例子备注：

$(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 ''+ this.series.name +' '+
 this.x +': '+ this.y +'°C'+
 ' 扩展属性:'+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"}]}]

 });
 });

});