Javascript 如何生成rechart动态x轴值

Javascript 如何生成rechart动态x轴值,javascript,reactjs,Javascript,Reactjs,我正在尝试实现一个类似这样的图(ping.apex.sh): 使用rechart: 那么,我将如何传递上图中的x轴值呢?如果您按照您提到的页面上的小提琴链接进行操作,那么您将看到这是如何完成的。简而言之,您不会将“x轴值”传递给条形图组件,而是将整个数据集作为包含x和y值的对象数组作为道具传递给条形图组件,如下所示: <BarChart data={data}></BarChart> 小提琴是

我正在尝试实现一个类似这样的图(ping.apex.sh):

使用rechart:


那么,我将如何传递上图中的x轴值呢?

如果您按照您提到的页面上的小提琴链接进行操作,那么您将看到这是如何完成的。简而言之,您不会将“x轴值”传递给条形图组件,而是将整个数据集作为包含x和y值的对象数组作为道具传递给条形图组件,如下所示:

<BarChart data={data}></BarChart>

小提琴是