使用JSON的基本Highcharts多系列图表

我试图创建一个基本折线图，它在一个json文件中包含三个系列的数据。对于本例，json文件为name

json.json

。我已经使用验证了JSON格式

JSON格式示例

{
"Series1 (Units1)": [100 ,200 ,300],
"Series2 (Units2)": [10, 20, 30],
"Series3 (Units3)": [1, 2, 3]
}

当前使用的代码来自我发现的另一个示例

$(function () {

    $.getJSON('data/json.json', function (data) {
        console.log(data)
        var processedData = [];
        Highcharts.each(data, function (d) {
            processedData.push(d.Series);
        });

        // Create the chart
        $('#container').highcharts('StockChart', {
            rangeSelector: {
                selected: 1
            },
            title: {
                text: 'Series'
            },

            series: [{
                data: processedData
            }]

        });
    });

});

我已经模拟了一个我正试图使用的图表示例

我还尝试从另一篇文章中跟随这一点，但当我试图修改它时，JSON数据将不会加载

我通过添加行

console.log（data）

---

如何使用此格式将数据加载到图表中？

您必须将JSON从

key:value

转换为正确的系列格式，在您的情况下，这种格式类似于：

[{ 
    name: 'my series', 
    data: [1,2,3] 
}, ...];

当前您的

processedData

格式不正确，因此放入Highcharts

系列的最终结果无效

简而言之，您的事件GET、process和display可以如下（）所示：

它仍然只是创建适当的
processedData
数组的任务，其中包含格式正确的
Series
对象。在本例中，每个
系列
都有
名称
和
数据
属性，并用JSON中的值填充。
这就是答案。我需要解析与名称和数据相关的数据，通过上面提到的序列格式进行迭代。非常感谢你。我知道这是一个基本的例子，但这正是我需要和想要的。
$(function () {
    $.getJSON('https://api.myjson.com/bins/yu6gq', function (data) {
        var processedData = [];

        for(var entry in data) {
            processedData.push({
              name: entry,
              data: data[entry]
            });
        }

        // Create the chart
        $('#container').highcharts('StockChart', {
            series: processedData
        });
    });
});