Highcharts 和 JSON 参数答案

【问题标题】：Highcharts and JSON parametersHighcharts 和 JSON 参数
【发布时间】：2014-10-06 18:57:35
【问题描述】：

我的文件 data.json 是：

[{"metier":"Administratif","total":197555},
{"metier":"Canalisateur","total":4717},
{"metier":"Carreleur","total":15513}]

请告诉我如何编写我的 javascript 代码？我想创建一个带有列的图表（“metier”是 X，“total”是 Y）

$(document).ready(function() {

    var options = {
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        series: [{}]
    };

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

});

提前致谢..

【问题讨论】：

您能否指定您的 javascript 应该实现什么以及究竟出了什么问题？这不是一个很清楚的问题
您需要通过循环解析数据并准备像 {name:'aaa', y: 20} 这样的结构，其中 'aaa' 和 20 将从您的 json 中获取。
我想创建一个带有列的图表（“metier”是 X，“total”是 Y）

标签： json highcharts

【解决方案1】：

看解析器的例子：

var 输出 = [];

$.each(data,function(i,d){
    output.push({
        name: d.metier,
        y: d.total
    });
});

此代码需要在 $.getJSON() 回调体中运行。

http://jsfiddle.net/sbochan/g7uzzyka/1/

【讨论】：

我使用了这段代码，但它不起作用 :-( ` var output = []; $.getJSON('data.json', function(i,d) { output.push({名称：d.metier, y: d.total }); }); $('#container').highcharts({ chart:{ type:'column' }, xAxis:{ type:'category' }, series: [{ name: 'Tokyo', data: output }] });`
我的意思是为什么要删除循环（$each）
我更改了我的代码，但它不起作用：` $.getJSON('data.json', function(data) { var output = []; $.each(data,function(i ,d){ output.push({ name: d.metier, y: d.total }); }); $('#container').highcharts({ chart:{ type:'column' }, xAxis:{ type:'category' }, series: [{ name: 'Tokyo', data: output }] }); }); `
您在控制台中收到任何错误吗？（我的意思是开发者工具控制台）。
终于，成功了！这是因为我在本地使用了旧的 highcharts.js"。感谢您的帮助！:-)