高图表不使用 JSON 格式绘制

Highcharts not draw with JSON format

本文关键字：格式 绘制 JSON 高图表      更新时间：2023-09-26

问题是在获取 JSON 响应时图表没有绘制任何内容，代码如下：

var opciones = {
        chart: {
            type: 'bar',
            renderTo: 'charterContainer'
        }, 
        series: []
    };
    var json;
    $.get( "graficas.php?query="+data+"&rutas="+seleccion_rutas+"&residuos="+seleccion_residuos+"", function( tabla_conteo ) {
        console.log(tabla_conteo);
        json = jQuery.parseJSON(tabla_conteo);
        var newSeriesData = {
            name: json['1'].name,
            data: json['1'].data
        };
        opciones.series.push(newSeriesData);            
    });
    var chart = new Highcharts.Chart(opciones);

JSON 响应是：

{"1": { "name": "Jesus Emilio Ramirez ", "data":[ 111,127,308,262,0]},"2": { "name": "Bioterio ", "data":[ 0,391,0,359,284]}}

但是，如果将数据手动引入"opciones"变量，图表就会绘制，所以我认为这是推送或格式的问题。

将图表创建放在$.get()回调中：

$.get( "graficas.php?query="+data+"&rutas="+seleccion_rutas+"&residuos="+seleccion_residuos+"", function( tabla_conteo ) {
        console.log(tabla_conteo);
        json = jQuery.parseJSON(tabla_conteo);
        var newSeriesData = {
            name: json['1'].name,
            data: json['1'].data
        };
        opciones.series.push(newSeriesData);  
        var chart = new Highcharts.Chart(opciones);           
    });
相关文章：