效果图
JS 代码:
$ (function () {$ (document) .ready (function () {highCharts.setOptions ({global: {useUtc: false}}); var Chart; Chart; {} } }, title: { text: 'Live random data' }, xAxis: { type: 'datetime', tickPixelInterval: 150 }, yAxis: [{ title: { text: 'Value' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, { title: { text: 'Name' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }], tooltip: { formatter: function() { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + HighCharts.NumberFormat (this.y, 2); data.push ({x: time+i * 1000, y: math.random ()}); X: Time + i * 1000, Y: Math.Random ()}); Série.Addpoint ([x, y + 1], verdadeiro, verdadeiro);html 代码:
<head> <script type = "text/javascript" src = "js/jquery.min.js"> </script> <script type = "text/javascript" src = "js/highCharts.js"> </sCript> <script type = "text/javascript" src = js "> </script> <script =" text/javasscript "src = js"> </script> <script = "text/javascript" src = js "> </script> <script =" text/javascript "src = js"> </script> <script "/javascript" src = js/exporting. // 左侧 javascript 代码 </script> </ad Head> <body> <div id = "contêiner" style = "min-width: 700px; altura: 400px"> </div> </body>
以上这篇 Highcharts 多个 y 轴动态刷新数据的实现代码 ， ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。