Highcharts 将 JSON 数据动态拉入系列名称答案

【问题标题】：Highcharts Pulling JSON data into series names dynamicallyHighcharts 将 JSON 数据动态拉入系列名称
【发布时间】：2016-05-03 23:30:37
【问题描述】：

好的，这是我的问题。我正在构建一个带有 4 个标记的象限的散点图。但是，我需要将 JSON 数据拉入图表并动态标记系列，而不是我现在的标签。

换句话说，我需要这个代码专门由 JSON 数据填充。我知道如何提取 JSON 数据，但不知道如何在字符串中引入系列名称、颜色和 id。

series: [{
            name: 'Properly Used',
            color: '#23d207',
            id: 1,
            data: []...etc.

任何帮助将不胜感激。

【问题讨论】：

我不确定我是否理解出了什么问题。查看 JSFiddle，图表似乎是准确的。
我想通过外部 JSON 字符串而不是示例中的硬编码数据来提取数据。
好吧，如果你没有 JSON，你需要先获取它。这可能是 ajax 调用或存储到变量中。然后您可以对其进行迭代以获取所需的信息。所以你的硬编码系列部分可能会改变。如果我理解正确的话，我建议研究 ajax 调用以及如何遍历节点。
可以通过ajax调用获取信息吗？或者您在这方面需要帮助吗？
我确实知道如何使用 JSON 字符串提取数据。但是，当我必须按 4 个象限分隔数据时，我会挂断电话。例如，$.getJSON('js/whichtellersareusingthemachines.json', function(json) { options.series[0].data=json.data[0]; options.series[1].data=json.data[1]; options.series[2].data=json.data[2]; options.series[3].data=json.data[3]; var chart = new Highcharts.Chart(options); });

【解决方案1】：

jQuery 让这变得非常简单。

您需要使图表在您的 AJAX 调用成功完成之前不会实例化。将该代码包装到一个接受series 参数的函数中，然后使用通过jQuery getJSON 函数获得的JSON 数据调用它，以使用您的信息呈现高图。

【讨论】：