是否可以使用两个单独的数组在折线图上绘制点？（图表）

Question

我正在尝试使用从 json 文件中提取的两个单独数组创建一个折线图。

这是我的 json 文件的样子

    {
  "time": [1240, 1250, 1300, 1310],
  "volt": [12.218, 13, 12, 14]
}

使用

data: {
            x: jsonData.time,
            y: jsonData.volt,
        },

这对我来说似乎有意义，但不起作用

这有效，但时间戳不显示当前时间或根本不显示 https://codesandbox.io/s/awesome-hamilton-kkrgt?file=/index.js

非常感谢任何帮助！！

Answer 1

您需要将数据映射到 Highcharts 要求的格式。在你的情况下：

具有 [x, y] 个值的数组：

series: [{
  data: jsonData2.time.map((x, index) => [x, jsonData2.volt[index]])
}]

或具有 { x, y } 个值的对象数组：

series: [{
  data: jsonData2.time.map((x, index) => ({ x: x, y: jsonData2.volt[index]}))
}]

现场演示： https://codesandbox.io/s/fancy-cloud-mx9z-mx9ze?file=/index.js

Is it possible to plot points on a line graph using two separate arrays? (highcharts)