Заполнение многострочной линии с массивом объектов

Question

Я использую highchart js для создания линейной диаграммы. Я использую php для ответа json. Проблема заключается в том, что я заполняю диаграмму из ответа, который показывает годы, но линия не рисует.

$(document).ready(function() { 
    $.ajax({ 
     type: "GET", 
     url: 'resp_highChart.php', 
     dataType: "json", 
     contentType: "application/json", 
     success: function (response) { 
      console.log(response); 
      // draw chart 
      $('#container').highcharts({ 
       chart: { 
       type: 'line' 
      }, 
      title: { 
       text: 'Year Wise Sales Data' 
      }, 
      subtitle: { 
       text: '' 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb', 'Mar', 'Apr'] 
      }, 
      yAxis: { 
       title: { 
        text: 'Sold Value' 
       }, 
       labels: { 
        formatter: function() { 
         return this.value + ''; 
        } 
       } 
      }, 
      plotOptions: { 
       line: { 
        dataLabels: { 
         enabled: false 
        }, 
        enableMouseTracking: true 
       } 
      }, 
       series: response 
      }); 

     } 


    }); 

}); 

мой формат ответа ниже

[{"name":"2012","data":"[692101643,716334837,776991835,769420169 ]"},{"name":"2013","data":"[860859252,825852169,895524501,892930333 ]"}] 

Answer 1

Проблема здесь состоит в том, что ваши значения данных считываются как строки и не массивы.

Я создал пример скрипку, используя параметры диаграммы и данные в формате JSON непосредственно вставленные: http://jsfiddle.net/brightmatrix/143bzv1s/

Диаграмма корректно работает с форматом следующим образом. Обратите внимание, что в массивах данных нет меток кавычек.

series: [ 
    {"name":"2012","data":[692101643,716334837,776991835,769420169 ]}, 
    {"name":"2013","data":[860859252,825852169,895524501,892930333 ]} 
] 

Надеюсь, это полезно для вас!

Кроме того, большое спасибо за то, что вы включили образцы данных в свой вопрос. Это было чрезвычайно полезно.