日期:2014-05-16  浏览次数:20489 次

highcharts如何实现动态刷新
实现的是折线图。目前已经实现了从数据库中加载数据,但是定时刷新数据不知道怎么实现。
使用chart.series[0].setData(data);每次刷新后表数据就没有了,不知道是不是data的格式写错了,
想问下参数data的数据格式的例子。
        function getForm(){  
                                                //使用JQuery从后台获取JSON格式的数据  
         $.ajax({
           type: "POST",
           url: "chart.ashx",
           success: function(data){
              chart.series[0].setData(data);
           },
           error:function(msg)
           {
                alert("通信错误!");
           }
        });
        $(document).ready(function() {  
            //每隔1秒自动调用方法,实现图表的实时更新  
            window.setInterval(getForm,10000);   
              
        });  
highcharts

------解决方案--------------------
官方有动态刷新的demo 

简单点来说动态的去获取值 然后添加点

------解决方案--------------------
给绘图的代码写成一个方法。然后每次调用这方法,调用前改变下数据就好了
------解决方案--------------------
你可以在后台把你要的数据封装成highcharts中options.series所需要的格式,页面上直接接收就行,很方便