Question

我目前想要通过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文件（如上所述）？

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

Answer 1

嗯，它应该是有效的json，不是有效的javascript 因此剥去var并立即用开口支撑开始，取下;最后，在每个属性名称周围添加双引号。

所以它看起来像这样：

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

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

$.getJSON( 'options.json', function( options ) {
    new Highcharts.Chart(options);
});

从JSON解析所有Highcharts选项

1 个答案: