Reactjs 在react js中表示API获取的数据哪一个更好,请解释如何做到这一点?

Reactjs 在react js中表示API获取的数据哪一个更好,请解释如何做到这一点?,reactjs,api,highcharts,linechart,alpha-vantage,Reactjs,Api,Highcharts,Linechart,Alpha Vantage,我试图通过从API中获取数据,用reactJS将值数组表示为一个折线图,结果与下面类似 输出如下所示 0: (2) ["2019-12-10 16:00", "151.3895"] 1: (2) ["2019-12-10 15:45", "151.4298"] 是否可以使用带react的high charts将阵列映射为折线图?请指导我将此数组映射为x轴上的时间戳和Y轴上的值。首先,数据数组([x,Y])中的Y值必须是数字格式,而不是字符串。接下来,需要将xAxis.type设置为“categ

我试图通过从API中获取数据,用reactJS将值数组表示为一个折线图,结果与下面类似

输出如下所示

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

是否可以使用带react的high charts将阵列映射为折线图?请指导我将此数组映射为x轴上的时间戳和Y轴上的值。首先,数据数组([x,Y])中的Y值必须是数字格式,而不是字符串。接下来,需要将xAxis.type设置为“category”,以表示图表上的x字符串值

this.state = {
  options: {
    xAxis: {
      type: "category"
    },
    series: [
      {
        data: fetchedData
      }
    ]
  }
};
演示: API:


如果您还有其他问题,请随时提问

首先-数据数组([x,y])中的y值必须是数字格式,而不是字符串。接下来,需要将xAxis.type设置为“category”,以表示图表上的x字符串值

this.state = {
  options: {
    xAxis: {
      type: "category"
    },
    series: [
      {
        data: fetchedData
      }
    ]
  }
};
演示: API:

如果您还有其他问题,请随时提问