1

我试图通过从 API 中获取数据来将值数组表示为带有 reactJS 的折线图,结果将类似于下面

输出将如下所示

0: (2) ["2019-12-10 16:00", "151.3895"]
1: (2) ["2019-12-10 15:45", "151.4298"]

是否可以使用带有反应的高图表将数组映射到折线图?请指导我在 x 轴上映射这个类似数组的时间戳和在 Y 轴上的值

4

1 回答 1

0

首先 - 数据数组 ([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

如果您有任何其他问题 - 请随时提问!

于 2019-12-11T13:39:33.427 回答