highcharts jquery實時更新
阿新 • • 發佈：2018-07-19
身邊 legend style nth may spa borde 更新 har
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>精彩身邊-用戶統計</title> <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script> <script> $(function(){ $("#button").click(function(){ //alert("fdfd"); $.get("http://123.57.43.70/jquery_test.php",function(data,status){ var data = JSON.parse(data); view_default(data); }); }); });</script> <script> //$(function () { function view_default(tmp){ //alert("Welcome " + tmp); var highChart = { title: { text: ‘Monthly Average Temperature‘, x: -20 //center }, subtitle: { text: ‘Source: WorldClimate.com‘, x: -20 }, xAxis: { categories: [‘Jan‘, ‘Feb‘, ‘Mar‘, ‘Apr‘, ‘May‘, ‘Jun‘,‘Jul‘, ‘Aug‘, ‘Sep‘, ‘Oct‘, ‘Nov‘, ‘Dec‘] }, yAxis: { title: { text: ‘Temperature (°C)‘ }, plotLines: [{ value: 0, width: 1, color: ‘#808080‘ }] }, tooltip: { valueSuffix: ‘°C‘ }, legend: { layout: ‘vertical‘, align: ‘right‘, verticalAlign: ‘middle‘, borderWidth: 0 }, series: [{ name: ‘Tokyo‘, data: [] }] }; highChart.series[0].data = tmp; $(‘#container‘).highcharts(highChart); } </script> </head> <!-- <body onLoad="view_default([1.0, 2.9, 3.5, 4.5, 5.2, 6.5, 6.2, 6.5, 6.3, 18.3, 13.9, 9.6])"> --> <body> <div id="container" style="min-width:700px;height:500px"></div> <input type="button" id="button" class="button" value="按鈕"> <script type="text/javascript"> function load_html(){ $.get("http://123.57.43.70/jquery_test.php",function(data,status){ // alert("Data: " + data + "\nStatus: " + status); // alert(data); var data = JSON.parse(data); //data = [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]; view_default(data); }); setTimeout(load_html, 2000); } $(document).ready(function() { load_html(); }); </script> </body> </html>
<?php echo "[1.0,2.9,3.5,4.5,5.2,6.5,7.2,8.5,9.3,10.3,13.9,0]";
highcharts jquery實時更新