2013-02-21 119 views
1

後重新調整軸我有說我通過AJAX更新每隔X分鐘序列數據Highcharts蛛網圖。當我最初加載頁面時,它看起來是這樣的:Highcharts蜘蛛網圖表調用series.setData

spiderweb chart on initial load

然而,第一和後續更新系列數據之後,圖表看起來是這樣的:

spiderweb chart after first and subsequent updates with same data

注在樣品中,用於更新圖表的時序數據是完全一樣的用於初始化圖表的原始數據。

這裏是一個jsFilddle that reproduces the behavior。下面是更新系列數據線:

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

重現步驟:

  1. 加載頁面
  2. 點擊「設置新的數據按鈕」

我做更新圖表時出現錯誤?

回答

0

由於某些意想不到的原因,您必須逐步創建新的海圖以及圖表更新。

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

看看我如何申報我變量出來的功能方面,爲了要訪問它們在整個腳本的能力。

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

而且,有一點,我初始化我的「選項」變事後我創建了Highcharts對象

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

爲了創建新的圖表,我推在系列2我的新的數據和標題2,然後我試圖更新我的圖表對象。

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

更新 http://jsfiddle.net/pm7Cn/2/ 在小提琴上面可以看到同樣的數據多邊形的加載一遍又一遍