我试图通过从 API 中获取数据来将值数组表示为带有 reactJS 的折线图,结果将类似于下面
输出将如下所示
0: (2) ["2019-12-10 16:00", "151.3895"]
1: (2) ["2019-12-10 15:45", "151.4298"]
是否可以使用带有反应的高图表将数组映射到折线图?请指导我在 x 轴上映射这个类似数组的时间戳和在 Y 轴上的值
我试图通过从 API 中获取数据来将值数组表示为带有 reactJS 的折线图,结果将类似于下面
输出将如下所示
0: (2) ["2019-12-10 16:00", "151.3895"]
1: (2) ["2019-12-10 15:45", "151.4298"]
是否可以使用带有反应的高图表将数组映射到折线图?请指导我在 x 轴上映射这个类似数组的时间戳和在 Y 轴上的值
首先 - 数据数组 ([x, y]) 中的 y 值必须是数字格式,而不是字符串。接下来,您需要将 xAxis.type 设置为 'category' 以表示图表上的那些 x 字符串值。
this.state = {
options: {
xAxis: {
type: "category"
},
series: [
{
data: fetchedData
}
]
}
};
演示:https ://codesandbox.io/s/highcharts-react-demo-1666y API:https ://api.highcharts.com/highcharts/xAxis.type
如果您有任何其他问题 - 请随时提问!