为什么在Barchart中既未显示Yaxis,又未显示Xaxis的所有标签?

时间:2019-03-28 07:14:22

标签: reactjs recharts

问题:

我使用图表创建了条形图。我在这里提供我的代码。

 console.log([2] == 2) //returns true
 console.log([2,3] == 2) //returns false
 console.log([2] === 2) //returns false
 console.log([2,3] === 2) //returns false

但是问题是,它没有显示Y轴,也没有显示xAxis的所有标签。enter image description here。有人可以帮助我解决此问题吗?

我也想知道我可以像这样标记yaxis。

enter image description here

1 个答案:

答案 0 :(得分:0)

要根据需要标记Y轴,可以使用称为“ tickFormatter”的道具并格式化Y轴刻度标签,您可以在此处的文档中找到它们: http://recharts.org/en-US/api/YAxis#tickFormatter <---刻度格式

您可以做类似...

tickFormatter={(tickValue) => `${tickValue}M`}

通过代码查看时,可能会导致刻度消失的一件事是您的ResponsiveContainer中的Aspect属性。

之所以这样说,是因为在我的情况下,当我在ResponsiveContainer中使用Aspect时,刻度线消失了并且被切除了。