如何在Highcharts的图表中使用x和y值呈现对象'webdata'数组？

Question

链接中共享的代码中的getData（）函数，它的x和y轴的值要在'webdata []'中显示，并且值应像这样

https://codesandbox.io/s/highcharts-react-demo-pe0tk?fontsize=14&hidenavigation=1&theme=dark

这些值未在使用Highcharts库的图表中显示。您能否让我知道代码中的更正内容，以便可以显示以下值

Answer 1

您需要使数据适应Highcharts要求的格式：

series: [{
    data: data.map((el) => ({
        x: new Date(el.timestamp).getTime(),
        y: Number(el.value)
    }))
}],
xAxis: {
    type: 'datetime'
}

---

实时演示： http://jsfiddle.net/BlackLabel/soa25jhu/

API参考：

https://api.highcharts.com/highcharts/series.line.data

https://api.highcharts.com/highcharts/xAxis.type