highcharts 中的多线图答案

【问题标题】：a multi line graph in highchartshighcharts 中的多线图
【发布时间】：2018-02-13 16:36:34
【问题描述】：

如何在highcharts中为以下json数据创建折线图。

[{x: "2018-02-12 17:10:48.000",y: "0.5", z: "1.4"},{x: "2018-02-14 15:10:48.000",y: "0.84", z: "3.45"},{x: "2018-0-15 17:10:48.000",y: "0.9", z: "2.5"}]

我搜索了文档和演示，但找不到任何适用于上述 JSON 格式数据的内容。 Y 和 Z 值是要在 Y 轴上绘制的值，x 值，即日期，在 X 轴上。

类似这样的：

【问题讨论】：

你想从 highcharts 中创建哪个图表
@Deep3015折线图
折线图中Z值的作用
Y 和 Z 值绘制在 Y 轴（y1 和 y2）上，如问题中的图像所示。
它有效！你能把它放在一个答案中以便我接受吗？

标签： javascript json highcharts

【解决方案1】：

我们必须使用Date.parse() 将其转换为所需的格式。

var jsonD = [{
  x: "2018-02-12 17:10:48.000",
  y: "0.5",
  z: "1.4"
}, {
  x: "2018-02-14 15:10:48.000",
  y: "0.84",
  z: "3.45"
}, {
  x: "2018-02-15 17:10:48.000",
  y: "0.9",
  z: "2.5"
}];
var seriesData1 = [];
var seriesData2 = [];
jsonD.map((el) => {
  seriesData1.push({
    x: Date.parse(el.x), //conert to millisecond
    y: (Number(el.y)) //conert to Number
  });
  seriesData2.push({
    x: Date.parse(el.x),
    y: Number(el.z)
  })
})

Fiddle演示

【讨论】：