javascript - example - highcharts php mysql json

¿Cómo insertar json dentro de una matriz en Highcharts?

Question

chartData una matriz como tal en php con json anidado en la matriz bajo chartData :

array:1 [▼
  0 => array:18 [▼
    "id" => 1
    "chart_title" => "A title"
    "chart_type" => "line"
    "chartData" => "[[1470406561000,2116],[1470406561000,2116],[1470406562000,2116]]"
  ]
]

Quiero acceder al chartData json dentro de esta matriz e insertarlo en una serie de HighCharts .

He intentado usar: window[''chart'' + chartData.id].series[0].addPoint(chartData, true, shift);

y también para forEach ciclo:

chartData.forEach(function(dataPoint){
                        console.log(dataPoint);
                        window[''chart'' + chartData.id].series[0].addPoint(dataPoint[0], true);
                         dataPoint.slice(0,30).forEach(function(point){
                             window[''chart'' + chartData.id].series[0].addPoint(point, true, shift);
                         });
                    });

Ambos no muestran ningún error en la consola y los valores no aparecen en el gráfico. Si console.log(dataPoint); Obtengo lo que parece el resultado correcto: [[1470406561000,2116],[1470406561000,2116],[1470406562000,2116]]

¿Cómo insertaría el chartData json en una serie de Highchart ?

Answer 1

Con jQuery puedes intentarlo así:

    var dataPoint =   [[1470406561000,2116],
                       [1470406561000,2116],
                       [1470406562000,2116]];  

    var chart = $(''#chart2'').highcharts();
    chart.series[0].setData(dataPoint);

    $(''#chart2'').highcharts().redraw();

Asegúrese de cambiar la identificación del gráfico, es decir, #chart2 correctamente según su código.

Answer 2

Mi problema era que JQuery no estaba analizando el JSON en la vista y esencialmente lo pasaba a la serie de los Highcharts en bruto. Al agregar jQuery.parseJSON(chartData); Pudo analizar correctamente y mostrar en el gráfico.