如何從多個本地json文件生成圖表圖表

Question

我正在嘗試使用來自多個本地保存的json文件的數據來構建一個高圖表條形圖，這有點麻煩。 為簡單起見，我要遍歷所有文件，搜索特定的字符串，然后將計數用作圖形的數據。 我已經這樣處理了：

options.series[0].name = 'Test';
options.series[0].data = [];

//Loop over the different local files and do a search count in each  
var localfiles = new Array('localfile1.json', 'localfile2.json');

for (var i=0; i<locfiles.length; i++) {
    //do a count here
    $.getJSON(localfiles[i], function(data) {
    var count = 0;
    var index = 0;
    var entry;
    for (index = 0; index < data.length; ++index) {
        entry = data[index];
        if (entry.searchkey == "searchstring") {
            count ++;
        }
        options.series[0].data.push(count);
    });
});

var chart = new Highcharts.Chart(options);

我意識到我沒有正確傳遞選項數組。 但是我不確定應該以哪種方式編寫此代碼。 有什么建議嗎？

提前致謝。

Answer 1

要獲得2條，您需要放置options.series[0].data.push(count); 在第二個循環之外，否則您最終會遇到很多長條

options.series[0].name = 'Test';
options.series[0].data = [];

//Loop over the different local files and do a search count in each  
var localfiles = new Array('localfile1.json', 'localfile2.json');

for (var i=0; i<locfiles.length; i++) {
    //do a count here
    $.getJSON(localfiles[i], function(data) {
    var count = 0;
    var index = 0;
    var entry;
    for (index = 0; index < data.length; ++index) {
        entry = data[index];
        if (entry.searchkey == "searchstring") {
            count ++;
        }
    });
    options.series[0].data.push(count);
});

var chart = new Highcharts.Chart(options);

這樣，您將為每個json文件獲得1條

回答你的評論

您可以使用addSeries

     var series1 = {
                        data: [],
                        name: ""
                   }
     chart.addSeries(series1);

如果要刪除所有以前的系列，可以執行此操作

while(chart.series.length > 0){
    chart.series[0].remove(true);
}