效果图 ：
JS ： ：
$ (function () {$ (document) .Ready (function () {highcharts.setOptions ({global: {usutc: false}}); var gráfico; chart = new Highcharts.chart ({{Chart: {RenderTerTo: 'Container', type: 'spline', animation: highcharts.svg, // no animado en el antiguo marginer: 10, {load: {load: {load: {load: {load: {load tents ({load: {load: {load tents ({load (card) {}}}, Título: {Text: 'Live Random Data'}, xaxis: {type: 'dateTime', tickPixelInterval: 150}, yaxis: [{title: {text: 'value'}, traza: [{value: 0, ancho: 1, color: '#808080'}]}, {Título: {TEXTO: '},'}, 'n. tramlines: [{valor: 0, ancho: 1, color: '#808080'}]}], toolTip: {formatter: function () {return '<b>' + this.series.name + '</b> <br/>' + highcharts.dateFormat ('%y-%m-%d%h:%m:%s', this.x) HighCharts.NumberFormat (this.y, 2); data.push ({x: time+i * 1000, y: math.random ()});} return data; X: Tiempo + I * 1000, y: Math.random ()}); serie.AddPoint ([x, y + 1], verdadero, verdadero);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/exporting.js"></script> <script> //左侧Javascript代码</script> </head> <body> <div id = "contenedor" style = "min-width: 700px; altura: 400px"> </div> </body>
以上这篇 Highcharts 多个 y 轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 也希望大家多多支持武林网。