1

我有一个 Highcharts 蜘蛛网图表,其中包含我每 X 分钟通过 ajax 更新的系列数据。当我最初加载页面时,它看起来像这样:

初始加载时的蜘蛛网图表

但是,在对系列数据进行第一次和后续更新后,图表如下所示:

使用相同数据首次和后续更新后的蜘蛛网图表

请注意,在示例中,用于更新图表的系列数据与用于初始化图表的原始数据完全相同。

这是一个重现行为的 jsFilddle。这是更新系列数据的行:

chart.series[0].setData([14, 10, 1, 7, 7]);

重现步骤:

  1. 加载页面
  2. 点击“设置新数据按钮”

更新图表时我做错了吗?

4

2 回答 2

0

由于某些意想不到的原因,您必须逐步创建新的 Highchart 以及更新图表。

查看我的演示http://jsfiddle.net/pm7Cn/1/

看看我如何在函数之外声明我的变量,以便能够在整个脚本中访问它们。

var chart;
var flagIn = 1;
var options, series2, title2; 

另外,请记住我初始化了我的“选项”变量,然后我创建了 Highcharts 对象

options = {....}
chart = new Highcharts.Chart(options);

为了创建新图表,我在 series2 和 Title 2 中推送我的新数据,然后我尝试更新我的图表对象。

options.series = series2;
options.title = title2;
chart = new Highcharts.Chart(options);
console.log("update");

更新了 http://jsfiddle.net/pm7Cn/2/ 在上面的小提琴中,您可以看到如何一遍又一遍地加载相同的数据多边形

于 2013-02-21T23:49:14.753 回答
0

您是否尝试将 min/max 值或 tickInterval 设置为 5 ?

http://api.highcharts.com/highcharts#yAxis.tickInterval

于 2013-02-22T13:13:03.987 回答