JavaScript
1 window.onload=function(){2 let addedTime = 0;3 function requestData(chart) {4 let point = '['+lcsubscount22.innerHTML+']'5 point = JSON.parse(point)6 var series = chart.series[0],7 shift = series.data.length > 200; 8 chart.series[0].addPoint({9 10 y: parseInt(point[0]),11 x: new Date ,12 }, true, shift);13 addedTime += 100014 }15 $(document).ready(function() {16 var chart = new Highcharts.Chart({17 chart: {18 19 defaultSeriesType: 'line',20 renderTo: 'container',21 events: {22 load: function() {23 setInterval(function() {24 requestData(chart)25 }, 2000);26 }27 },28 animation: false,29 zoomType: 'x',30 backgroundColor: 'transparent'31 },32 title: {33 text: 'Live random data'34 },35 xAxis: {36 type: 'datetime',37 tickPixelInterval: false,38 //maxZoom:39 },40 yAxis: {41 // minPadding: 0.2,42 // maxPadding: 0.2,43 gridLineColor:'rgba(1000,1000,1000,0.05)',44 title: {45 text: '',46 // margin: 8047 }48 },49 series: [{50 name: 'Random data',51 data: []52 }],53 plotOptions: {54 pie: {55 animation: false,56 allowPointSelect: true,57 },58 series: {59 marker: {60 enabled: false,61 }62 }63 64 },65 responsive: {66 rules: [{67 condition: {68 maxWidth: 50069 },70 chartOptions: {71 legend: {72 layout: 'horizontal',73 align: 'dawn',74 verticalAlign: 'bottom'75 76 }77 }78 }]}79 });80 });81 }82 83
0 コメント