2013-04-17 97 views
5

從Ajax調用我得到以下數據傳回:Highcharts系列數據陣列

18,635,21,177,20,165,22,163,24,162,25,145,19,143,23,139,26,112,27,110,28,104,30,91,29,88,31,68,32,57,36,55,34,53,33,51,35,46,37,44,39,42,43,39,42,39,41,38,38,37,44,36,45,34,48,31,40,31,47,27,49,23,46,21,50,21,52,17,55,17,53,16,51,15,54,12,58,6,57,6,59,4,63,4,56,3,62,2,64,2,100,2,68,1,78,1,60,1,97,1,70,1,65,1,69,1,71,1 

其中每個偶數應該是關鍵和每個奇數的數值。但我不知道如何解析它作爲高層數據。不知何故,如果我使用JSON.parse,我最終得到的關鍵是「切片」,並且我可以正常工作的唯一方法是將它直接放入系列數據中(在將奇數和偶數分開之後) :

[names[0] + ' years old', parseFloat(values[0])] 

這很好。但是,我需要以某種方式遍歷數組,將所有內容都推送到系列數據中,我不知道該怎麼做。如果我使用這些數據做循環,我該如何插入highcharts系列數據?

+0

是分隔兩個數組中的數據是你的問題?你能分享一些代碼嗎? – shakib

回答

13

如果你有一個數組,一系列的數據,你可以按如下處理它:

var myData = [18, 635, 21, 177, 20, 165, 22, 163, 24, 162, 25, 145, 19, 143, 
      23, 139, 26, 112, 27, 110, 28, 104, 30, 91, 29, 88, 31, 68, 32, 
      57, 36, 55, 34, 53, 33, 51, 35, 46, 37, 44, 39, 42, 43, 39, 42, 
      39, 41, 38, 38, 37, 44, 36, 45, 34, 48, 31, 40, 31, 47, 27, 49, 
      23, 46, 21, 50, 21, 52, 17, 55, 17, 53, 16, 51, 15, 54, 12, 58, 6, 
      57, 6, 59, 4, 63, 4, 56, 3, 62, 2, 64, 2, 100, 2, 68, 1, 78, 1, 60, 
      1, 97, 1, 70, 1, 65, 1, 69, 1, 71, 1]; 
var mySeries = []; 
    for (var i = 0; i < myData.length; i++) { 
     mySeries.push([myData[i], myData[i + 1]]); 
     i++ 
    } 

一旦你有了「mySeries」你的序列數據,你可以使用設置您的圖表數據:

series:[{ 
    data: mySeries 
}] 

另外,如果你想渲染圖表後,將數據添加,您可以動態地添加了一系列數據使用:

chart.series[0].setData(mySeries); 

http://jsfiddle.net/Cm3Ps/(按'添加我的數據'按鈕)。

1

實際上,該函數需要參數爲int數組。

假設你得到一個功能

drawChartFunction(data) { 
    // some code here 
    series: [{ data: data}] 
} 

,您可以嘗試:

array = {9,8,7,6} 
var series = []; 
for (var i = 0; i < array.length; i++) { 
    series.push([i, array.[i]]); 
} 

執行for後,您series喜歡

0,9 
1,8 
2,7 
3,6 

然後,你叫drawChartFunction(series)

因此,您的圖表是通過使用4點0 1 2 3與他們的值繪製9 8 7 6