将高x线图中的x y点绘制为[[x点列表],[y点列表]]

时间:2015-06-24 12:48:15

标签: javascript jquery python json highcharts

我从python返回JSON数据:

{
 "xpoints" : [a list of n numbers],
 "ypoints" : [a list of n numbers]
}

我使用highcharts来分散绘制这些数据。 我已对其进行了搜索,发现highcharts支持系列中的数据变量,该变量将输入视为

  

[[X1,Y1],[X2,Y2],[X3,Y3],[X4,Y4] ..]

但我想提供输入

  

[[X1,X2,X3 ...],[Y1,Y2,Y3 ...]]

就像在python中的matplotib库中一样。有出路吗?

我无法控制返回JSON数据的方式。

Link to HighCharts data API

1 个答案:

答案 0 :(得分:2)

您无法更改HighCharts接受的格式。您需要修改数据以适应该格式。您可以在JS中轻松完成此任务:

var json = {
    "xpoints": [1, 2, 3, 4],
    "ypoints": [10, 20, 30, 40]
}

var chartData = [];
for (var i = 0; i < json.xpoints.length; i++) {
    chartData.push([json.xpoints[i], json.ypoints[i]);
}

console.log(chartData); // = [[1,10],[2,20],[3,30],[4,40]]

然后,您可以将chartData数组提供给HighChart初始化程序。