1.Js代码
- <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
- <script type='text/javascript' src='js/highcharts.js'></script>
- <script type='text/javascript'>
- //<![CDATA[
- $(function(){
- //声明报表对象
- var chart = new Highcharts.Chart({
- chart: {
- //将报表对象渲染到层上
- renderTo: 'container'
- },
- //设定报表对象的初始数据
- series: [{
- data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
- }]
- });
- function getForm(){
- //使用JQuery从后台获取JSON格式的数据
- jQuery.getJSON('http://localhost:8080/JQueryPIC/ajax', null, function(data) {
- //为图表设置值
- chart.series[0].setData(data);
- });
- }
- $(document).ready(function() {
- //每隔3秒自动调用方法,实现图表的实时更新
- window.setInterval(getForm,3000);
- });
- });
- //]]>
- </script>
- <body>
- <div id="container" style="height: 400px"></div>
- </body