php - Highstock - 如何使用 JSON 数组添加多个系列

Question

我的目标:我想绘制具有多个系列的 HighStock 图表。数据通过 AJAX 从 data.php 加载。 data.php 的输出是一个 JSON 数组

我的问题:我不知道如何从 JSON 数组中获取数据

输出是例如

[[timestamp,value1,value2],[timestamp,value1,value2]]

系列 1 应该是 -> 时间戳和值 1

系列 2 应该是 -> 时间戳和值 2

这是我的代码

// Draw the chart
$(function(){

        /* The chart is drawn by getting the specific data from "data.php".
         * The configuration settings are transmitted by GET-Method. The output is an JSON-Array.  */

        $.getJSON('data.php',
        function(data) {


        chart = new Highcharts.StockChart
        ({
        chart:  {  renderTo: 'chartcontainer', type: 'line'  },
        title:  { text: 'You see the data of the last hour!' },
        xAxis: {  type: 'datetime', title: { text: 'time'  } },
        yAxis: { title: { text: 'unit'  } },
        series: [{ name: 'series1', data: data },{ name: 'series2', data: data }],

        });
    });
});

我想我必须改变

series: [{ name: 'series1', data: data },{ name: 'series2', data: data }],

但我不知道是什么

Answer 1

遍历 data 数组的所有项，并填充两个单独的数组:

var series1 = [];
var series2 = [];
for (var i = 0; i < data.length; i++) {
  series1.push([data[0], data[1]);
  series1.push([data[0], data[2]);
}

然后您在每个系列数组中都有时间戳-值对。

在 php 中执行此操作可能更有效，特别是如果您可以替换当前的 json 创建。