将JSON与HighCharts和AJAX结合使用

Question

I'm lost with the JSON format and HighCharts. I tried many technics of forums but the result is not good.

My problem :

1- OnClick Ajax call a PHP file who generate a JSON like that :

{"col0":["TROUILLE","BOUILLE"],"col1":[4,1],"col2":[6.35,1.59]} 

2- I Would Like to choose for example "col1" for xAxys and "col2" for yAxis so that my test

param_connection contain the conection of DB parameters

options contain the options parameters of my graphics :

$.post(
                    "file_json.php",
                    param_connection,
                    function(json) {
                        options.credits = {enabled: false};
                        options.series = json;
                        chart = new Highcharts.Chart(options);}, 
                    "json");

Today my result is null...

Thank you for your help.

Geo-x

Answer 1

Looks like your json object just isn't the format highcharts wants.

{"x":value, "y":value2}

You'll have to iterate over your returned JSON object, to get it in the format highcharts wants:

$.post(
  "file_json.php",
  param_connection,
  function(json) {
    var jsonData = [];
    for(var i=0, row; row = json[i]; i++){
      jsonData.push({"x": row['col1'], "y": row['col2']});
    }
    options.credits = {enabled: false};
    options.series = jsonData;
    chart = new Highcharts.Chart(options);}, 
  "json");