Highcharts 多个Y轴动态刷新数据的实现代码

前端之家收集整理的这篇文章主要介绍了Highcharts 多个Y轴动态刷新数据的实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

效果图:

js代码

' + this.series.name + '
' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S',this.x) + '
' + Highcharts.numberFormat(this.y,2); } },legend: { enabled: false },exporting: { enabled: false },series: [{ name: 'Random data',data: (function() { // generate an array of random data var data = [],time = (new Date()).getTime(),i; for (i = -19; i <= 0; i++) { data.push({ x: time + i * 1000,y: Math.random() }); } return data; })() },{ name: 'Random data',y: Math.random() }); } return data; })() }] }); // set up the updating of the chart each second var series = chart.series[0]; var series1 = chart.series[1]; setInterval(function() { var x = (new Date()).getTime(),// current time y = Math.random(); series.addPoint([x,y + 1],true,true); series1.addPoint([x,y - 1],true); },1000); }); });

HTML代码

以上这篇Highcharts 多个Y轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/48364.html

猜你在找的JavaScript相关文章