PHP 和 MySQL，获取 JSON 数据以提供 HighCharts

Question

我需要使用 PHP 和 MySQL 使用 Highcharts 构建图表。

从data.php，我得到:

0: {categoria:Vendas, real:2038.00, orcamento:14000.00, desvio:-11962.00}
1: {categoria:Serviços, real:120.00, orcamento:8500.00, desvio:-8380.00}
2: {categoria:Outras, real:15000.00, orcamento:0.00, desvio:15000.00}

但是，为了构建图表，数据必须采用以下格式:

xAxis: {
    categories: ['Vendas', 'Serviços', 'Outras']

},

还有:

series: [{
    name: 'orcamento',
    data: [14000, 8500, 0]
}, {
    name: 'real',
    data: [2038, 15000, 120]
}, {
    name: 'desvio',
    data: [-11962, -8380,15000]
}]

这就是我试图将数据转换为正确的格式并呈现图表的方法:

$(document).ready(function(){
    var options={
        chart: {
            renderTo:'container',
            type: 'bar'
        },
        title: {
            text: 'Total Anual'
        }
    };

    $.getJSON('data.php', function (data){
        $.each(data, function(key,value) {
            var series = [{}];
            var xAxis = [{}];

            if(key=='categoria'){
                options.xAxis.categories.push(value);
            }
            else{
                options.series.name.push(key);
                $.each(value, function(key,value){
                    //series.data=value;
                    options.series.data.push(value) 
                })
            }
        });
        //options.series[0].data=data;
        var chart= new Highcharts.Chart(options);
    });
});

问题是此代码返回错误:“Uncaught TypeError: Cannot read property 'name' of undefined” on line:

options.series.name.push(key);

Answer 1

在选项中:

var options={
    chart: {
        renderTo:'container',
        type: 'bar'
    },
    title: {
        text: 'Total Anual'
    }
};

您缺少该对象的属性。例如:xAxis、series、series.data、series.names。