Toolotip on HighCharts shows only first point -
i using highcharts show temperatures dht22. measurement occures every 5 min, on chart can see tooltip first point.
script weather.php returns json-array
what wrong?
code:
<html> <head> <title>weather</title> <script src="/js/jquery-2.1.1.min.js"></script> <script src="/js/highcharts.js"></script> <script> var chart; function requestdata() { $.ajax({ url: 'weather.php', datatype: "json", success: function(data) { chart.series[0].setdata(data.temperature); chart.series[1].setdata(data.humidity); }, }); } $(document).ready(function() { highcharts.setoptions({ global: { useutc: true } }); chart = new highcharts.chart({ chart: { renderto: 'graph', type: 'spline', events: { load: requestdata } }, title: { text: 'monitoring' }, tooltip: { shared: true }, xaxis: { type: 'datetime', maxzoom: 20 * 1000 }, yaxis: { minpadding: 0.2, maxpadding: 0.2, title: { text: 'temperature/humidity', margin: 80 } }, series: [{ name: 'temperature', data: [] }, { name: 'humidity', data: [] }] }); }); </script> </head> <body> <div id="graph" style="width:100%; height:400px;"></div> </body> highcharts
No comments:
Post a Comment