配列内のjsonをハイチャートに挿入するには？

Question

私はそうchartData下の配列にネストJSONとPHPでのような配列を生成：

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

私はこの配列内chartData JSONにアクセスし、HighChartsシリーズに挿入したいし。

私が使用して試した

： window['chart' + chartData.id].series[0].addPoint(chartData, true, shift);

ともforEachループ：

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); 
         }); 
        }); 

をコンソールにエラーが表示されないと値がチャートに表示されません。どちらも。 I console.log(dataPoint);なら、私は正しい出力のように見えるものを得る： [[1470406561000,2116],[1470406561000,2116],[1470406562000,2116]]

にはどうすればhighchartシリーズにchartData JSONを挿入するのでしょうか？

Answer 1

私の問題は、JSONがビュー上でjQueryによって解析されておらず、基本的にハイチャートシリーズのrawに渡していたことでした。 jQuery.parseJSON(chartData);を追加することで、正しく解析してグラフに表示することができました。

Answer 2

のjQueryを使用すると、次のように試すことができます：

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

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

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

必ずあなたのコードに従って正しくチャートのID、すなわち#chart2を変更してください。