<!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实时更新
原文地址：https://www.cnblogs.com/photo520/p/9334858.html