将 JSON 与 HighCharts 和 AJAX 一起使用

Question

我迷失了 JSON 格式和 HighCharts。试了很多论坛的技术，效果都不好。

我的问题：

1- OnClick Ajax 调用 PHP 文件，生成这样的 JSON：

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

2- 我想为 xAxys 选择例如“col1”，为 yAxis 选择“col2”，以便我的测试

param_connection包含DB参数的连接

options 包含我的图形的选项参数：

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

今天我的结果是空的...

感谢您的帮助。

地理坐标

Answer 1

看起来你的 json 对象不是 highcharts 想要的格式。

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

你必须遍历你返回的 JSON 对象，以得到 highcharts 想要的格式：

$.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");