javascript - 如何生成rechart动态x轴值

Question

我正在尝试实现这样的图表(ping.apex.sh):

使用重新图表:http://recharts.org/examples#TinyBarChart

那么我如何传递如上图所示的 x 轴值？

Answer 1

如果您点击您提到的页面上的 fiddle 链接，那么您将看到这是如何完成的。简而言之，您不传入“x 轴值”，而是将整个数据集作为包含 x 和 y 值的对象数组传递给 BarChart 组件，如下所示:

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

fiddle 是here