:
JS 代码 :
$ (function () {$ (document) .ready (function () {highcharts.setOptions ({global: {useUtc: false}}); var chart; chart = new HighCharts.Chart ({chart: {renderto: 'netyto function() {} } }, 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: [{valeur: 0, largeur: 1, couleur: '# 808080'}]}], ToolTip: {formatter: function () {return '<b>' + this.series.name + '</b> <br/>' + HighCharts.Dateformat ('% y-% d% h:% s', this.x) + ' HighChart.NumberFormat (this.y, 2);}}, légende: {activé: false}, exportation: {activé: false}, série: [{name: 'data random', data: (function () {// générer un tableau de données aléatoires Var = []; data.push ({x: time + i * 1000, y: math.random ()});} return data; X: Time + I * 1000, Y: Math.Random ()}); série.addpoint ([x, y + 1], true, true);HTML 代码 :
<Aad> <Script Type = "Text / JavaScript" src = "js / jQuery.min.js"> </ script> <script type = "Text / javascrip </ script> </ head> <body> <div id = "Container" style = "min-width: 700px; hauteur: 400px"> </div> </ body>
以上这篇 HighCharts 多个 Y 轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。