Highcharts 系列数据数组

Question

从ajax调用中，我得到以下数据：

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

其中每个偶数应该是键，每个奇数是值。但我不知道如何将其解析为Highcharts数据。使用JSON.parse方法后，键会变成“slice”，我只能使用下面的方式将它直接放入系列数据中（将奇数和偶数分别放入不同的数组中）：

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

这很棒。但是我需要以某种方式遍历数组，将所有内容推入系列数据中，但我不知道如何做到这一点。如果我使用此数据创建for循环，如何插入到highcharts系列数据中？

- Galadre

---

你的问题是将数据分离到两个数组中吗？你能分享一些代码吗？ - shakib

Answer 1

如果你有一个包含这个系列数据的数组，你可以按照以下方式处理它：

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/ （点击“添加我的数据”按钮）。

- SteveP

Answer 2

实际上，该函数需要一个整数数组作为参数。

假设你有一个函数

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绘制图表。

- Minh Nguyễn