效果图 :
JS :
$ (function () {$ (document) .ready (function () {highcharts.setoptions ({global: {useutc: false}}); var chart; chart = new highcharts.chart ({chart: {renderto: 'container', type: 'spline', animation: highcharts.svg, / functioner ', wadah', marning in marnin), Mayang: {{{{{{function), Mayang: {{{function: {{{{function), Mayang: {{{{{{function), Mayang: {{{{{function), Mayang: {{{{{function), Mayang. {}}}, title: {text: 'Live Random Data'}, xaxis: {type: 'DateTime', TickpixelInterval: 150}, yaxis: [{title: {text: 'value'}, plotlines: {{value: 0, lebar: 1, color: '808080808080808080 Plotlines: [{value: 0, lebar: 1, warna: '#808080'}]}], tooltip: {formatter: function () {return '<b>' + this.series.name + '</b> <br/>' + highcharts.dateFormat ('%y-%m-%d%h: highcharts.dateFormat ('%y-%m-%d%h: highx. Highcharts.numberformat (this.y, 2);}}, legenda: {diaktifkan: false}, mengekspor: {diaktifkan: false}, seri: {{name: 'data acak', data: (function () {// Gets (i). {data.push ({x: waktu+i * 1000, y: math.random ()})); data.push ({x: waktu + i * 1000, y: math.random ()}); Math.random ();html 代码 :
<head> <script type = "text/javaScript" src = "js/jQuery.min.js"> </script> <script type = "text/javascript" src = "js/highcharts.js"> </skrip type = "text/javascript" src = "js/ecorting.poring. </script> </head> <body> <Div id = "container" style = "min-width: 700px; tinggi: 400px"> </div> </body>
以上这篇 Highcharts 多个 y 轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。