实现的是折线图。目前已经实现了从数据库中加载数据,但是定时刷新数据不知道怎么实现。
使用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

解决方案 »

  1.   

    官方有动态刷新的demo 简单点来说动态的去获取值 然后添加点
      

  2.   

    我在js里初始化数据是用拼接的方法实现的,刷新的时候也已经得到数据了,关键是我不太清楚如何把数据再重新绑定到highcharts上。
    series: [<%= returnValue %>]我看highcharts看到案例是用addpoint方法,没有找到setData的方法案例,目前我尝试使用addpoint方法,但是静态实现也遇到问题。
    var text=[Date.UTC(2013,07,24,15,55,00), 80.00];
                  series[0].addPoint(text, true, true);
    这个代码是可以实现的,但是如果text是加入双引号的(因为是有好几条数据,后台获得的是数组,前台分割后是带双引号的),曲线就乱掉了var text="[Date.UTC(2013,07,24,15,55,00), 80.00]";
                  series[0].addPoint(text, true, true);
      

  3.   

    你可以在后台把你要的数据封装成highcharts中options.series所需要的格式,页面上直接接收就行,很方便