哪一个更好地代表React js中API提取的数据，请解释如何做到这一点？

2024-05-19 • 问答

我试图通过从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
      }
    ]
  }
};

如果您还有其他疑问，请随时提问！