效果图 :
JS 代码 :
$ (function () {$ (document) .ready (function () {highcharts.setOptions ({global : {useuTc : false}); var 차트; chart = new HighCharts.chart ({renderto : {컨테이너 ','spline ', animation : highcharts.svg, // not allight : 10, unturning : 10, gentright : <ording in allight :'spline ', highcharts.svg, // {}}}, 제목 : {text : 'live random data'}, xaxis : {type : 'datetime', tickpixelinterval : 150}, yaxis : [{title : {text : 'value'}, plotlines : PlotLines : [{value : 0, 너비 : 1, 색상 : '#808080'}]}], 툴팁 : {formatter : {formatter () {return '<b>' + this.name + '</b> <br/>' ' + highcharts.dateformat ('%y-%m-%d%h :%m :%s ',%s', HighCharts.numberformat (this.y, 2)}, 범례 : {enabled : false}, 내보내기 : {enabled}, series : [{name : 'random data', data : (function () {random data = [], time = (). data.push ({x : time+i * 1000, y : math.random ()}} return data}}; x : y : random ()}}}}; Adddoint ([x, y + 1], true);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 = </script> </script> // javaScript 代码 </script> </head> <body> <div id = "container"style = "min-width : 700px; 높이 : 400px"> </div> </body>
HighCharts ch y 轴动态刷新数据的实现代码 就是小编分享给大家的全部内容了 就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持武林网。 也希望大家多多支持武林网。