从JSON解析所有Highcharts选项

从JSON解析所有Highcharts选项,highcharts,Highcharts,我目前希望通过JSON文件指定所有Highcharts图表选项。我已经看过很多关于如何从JSON中提取数据系列并理解这一点的示例 下面是我想转换为JSON的一些图表选项的示例 var optionsChart2 = { chart: { renderTo: 'container', type: 'column' }, title: { text: 'Year End Rating: Distribution'

我目前希望通过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文件的新版本(如上所述)


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

那么,它应该是有效的json,而不是有效的javascript。
因此,剥去var并立即开始使用开口撑杆,移除;并在每个属性名称周围添加双引号

看起来是这样的:

{
    "chart" : { ...
    ...
}
然后执行与示例相同的操作,只需按原样将响应传递给HC构造函数:

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

这很有效。我只需要在字符串周围添加双引号,使其成为有效的JSON。谢谢