1

我目前想通过 JSON 文件指定所有 Highcharts 图表选项。我已经看过很多关于如何从 JSON 中提取数据系列并理解这一点的示例。

这是我想转换为 JSON 的一些图表选项的示例

    var optionsChart2 = {
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    title: {
        text: 'Year End Rating: Distribution'
    },
    xAxis: {
        categories: [
            'Ineffective',
            'Inconsistent',
            'Proficient',
            'Advanced',
            'Exceptional'
        ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Percentage'
        }
    },          
    series: [{data: 25,50,65,32,78}]
};

什么是最好的 JSON 格式（为了通过 AJAX 引入然后解析回选项）？

我已经看到以下仅用于解析数据的代码：

    $.getJSON('data.json', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.Chart(options);
    });

那么我将如何使用新版本的 JSON 文件（如上）？

如果这太含糊，我很抱歉。我对此比较陌生，需要一些帮助！

4

1 回答 1

2

好吧，它应该是有效的 json，而不是有效的 javascript。
因此，剥离 var 并立即从左大括号开始，删除 ; 最后并在每个属性名称周围添加双引号。

所以它看起来像这样：

{
    "chart" : { ...
    ...
}

然后与您的示例相同，只需将响应按原样传递给 HC 构造函数：

$.getJSON( 'options.json', function( options ) {
    new Highcharts.Chart(options);
});
于 2013-09-12T19:08:25.883 回答