如何用兩個系列動態填充Highcharts柱形圖

Question

我遇到了兩個問題：第一個-我正在嘗試更改此問題

series: [{
            type: 'column',
            color: '#a0a0a0',
            name: 'Previous',
            data: [A, B, C, D, E]

        }, {
            type: 'column',
            color: 'rgba(250,206,57,1)',
            name: 'Current',
            data: [AA, BB, CC, DD, EE]
        }
        ]

用循環填充，以便可以更改項目數，但是此代碼使每個項目都具有不同的系列。

series: []

});

var newSeries = [];
for (var i = 2; i <= (N-1); i++) {
var newData = [];

var seria = {};
seria['name'] = 'Previous';
seria['data'] = [Pre[i]];
seria['color'] = '#2dbdda';

newSeries.push(seria);

var seria2 = {};
seria2['name'] = 'Current';
seria2['data'] = [Cur[i]];
seria2['color'] = '#214881';


newSeries.push(seria2);

}

怎么了？

第二個-如何向X軸數據標簽動態添加填充？

謝謝

Answer 1

根據更新的問題詳細信息進行編輯

好的，因此，再次查看作為示例數據發布的內容，您的數據已經在數組中，因此我看不到需要循環的內容。

您需要做的就是在圖表選項中構建系列，並使用Cur和Pre數組填充data ：

series: [{
  'name': 'Previous',
  'color': '#2dbdda',
  'data': Cur
}, {
  'name': 'Current',
  'color': '#214881',
  'data': Pre
}]

。

Cur[0] = 3
Cur[1] = 5
Cur[2] = 4

是相同的

Cur = [3,5,4]

沒有循環的簡化小提琴：

• http://jsfiddle.net/jlbriggs/qgv35fa8/1/

如果我誤解了您的實際操作，這里還是一個舊答案：

當前具有的循環在每次迭代中顯式生成一個新序列。

如果您有一定數量的系列，則需要在遍歷數據之前分別創建系列對象。

如果您有動態的系列數，則需要一個嵌套循環來構建它們。

假設您僅查看兩個序列，並且希望數據是動態的，則可以先構建序列，然后循環遍歷並填充數據，如下所示：

    //build the series placeholders, with empty data arrays
    var series = [{
            'name': 'Previous',
            'color': '#2dbdda',
            'data': []
        }, {
            'name': 'Current',
            'color': '#214881',
            'data': []
        }],
        Cur = [4, 5, 9, 8, 7], <-- example array; populate from your database
        Pre = [8, 6, 8, 1, 2];

    //loop through and push the data to your series data arrays
    for (var i = 0; i <= (Cur.length - 1); i++) {
        series[0].data.push([Pre[i]]);
        series[1].data.push([Cur[i]]);
    }

例：

• http://jsfiddle.net/jlbriggs/qgv35fa8/