效果图 :
JS 代码 :
$ (function () {$ (document) .ready (function () {hightcharts.setoptions ({global: {useUtc: false}}); var chart; chart = new Hightcharts.chart ({hart: {renderto: 'intainer', type: 'spline', анимация: hightcharts.svg, / / нельзя. {}}}, заголовок: {text: 'Live случайные данные'}, xaxis: {type: 'dateTime', tickpixelinterval: 150}, yaxis: [{title: {text: 'value'}, lotlines: [{value: 0, width: 1, color: '#808080'}], {{value: 'wylet:' wilt: Линии сюжета: [{value: 0, width: 1, color: '#808080'}]}], подсказка инструмента: {formatter: function () {return '<b>' + this.series.name + '</b> <br/>' + hightharts.dateformat ('%y-%m-%d%h:%m:%s, это. HighTharts.numberFormat (this.y, 2); data.push ({x: время+i * 1000, y: math.random ()}); X: Time + 1000, y: math.random ()}); series.addpoint ([x, y + 1], true, true);html 代码 :
<Head> <script type = "text/javascript" src = "js/jquery.min.js"> </script> <script type = "text/javascript" src = "js/hightcharts.js"> </script> <script type = "text/javascript" src = "js/exporting. // 左侧 javascript 代码 </script> </head> <body> <div id = "container" style = "min-width: 700px; высота: 400px"> </div> </body>
以上这篇 Highcharts 多个 y 轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。