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);

});

[街头小贩]

chart.series[0]从何处提到的呀

[初心不变时过迁]

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

[wind4444]

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

[凉粉zzz]

给绘图的代码写成一个方法。然后每次调用这方法，调用前改变下数据就好了

[怖丁儿]

我在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);

[难道程序]

你好，我也遇到了同样的问题，在刷新的时候显示不对。可以加你QQ吗

[sweettooth]

引用 6 楼 zhaoqingtao007 的回复:

你好，我也遇到了同样的问题，在刷新的时候显示不对。可以加你QQ吗

我最近也开始学这个，我是这样做的，如果只有一条折线： 先获得chart对象，然后用chart.series[0].addPoint(data, true, true,true);实现添加数据。 其中，data是你要加的数据点，我使用的是对象{x:xxxx, y:xxxx}的格式（api上有三种格式，但是个人感觉不好用，也可能我没用对） 后边3个true分别表示 1）添加后是否重绘 2）添加时是否同时移除前边一个点。 3）是否使用动画 官方网站有很多例子的，可以多看看，api也很好用