如何生成rechart动态x轴值

时间：2016-10-25 16:47:03

标签： javascript reactjs

我正在尝试实现这样的图形（ping.apex.sh）：enter image description here

使用rechart：http://recharts.org/examples#TinyBarChart

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

1 个答案:

答案 0 :(得分：0)

如果您按照所提到的页面上的小提琴链接进行操作，那么您将看到如何完成此操作。简而言之，你没有传递＆＃34; x轴值＆＃34;但整个数据集作为一个对象数组，包含对BarChart组件的x和y值作为这样的道具：

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

小提琴是http://rextester.com/OUCC98161

相关问题
最新问题