Reactjs 在react js中表示API获取的数据哪一个更好,请解释如何做到这一点?
我试图通过从API中获取数据,用reactJS将值数组表示为一个折线图,结果与下面类似 输出如下所示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
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:
如果您还有其他问题,请随时提问