我需要沿着相对于Y轴显示的每个条添加一个十字按钮,这将有助于用户关闭条。我正在遵循垂直布局,将沿着Y-xis放置栏。我试图使用LabelList添加它,但无法实现。有人可以建议我如何做到这一点吗?
最佳答案
似乎您要执行的操作是沿y轴创建自定义的tickFormatter。您说过您尝试使用LabelList添加十字架-您是否尝试过使用tickFormatter创建可以显示的自定义刻度线?在我以我想要的方式显示它之前,我会亲自尝试一下。
然后,我会想到当用户单击十字图标时,如何使条“关闭”。
我会只显示一个吗?我会使用Array.prototype.splice
在特定索引处将其删除吗?
我将在此处仔细查看Y轴文档中的图表---> http://recharts.org/en-US/api/YAxis
并且我还建议您查看自定义的条形图事件,以了解其onClick的使用方式---> http://recharts.org/en-US/examples/BarChartWithCustomizedEvent
我认为您应该尝试使用tickFormatter,而不是使用LabelList,因为从LabelList的外观来看,它打算用于条形组件---> http://recharts.org/en-US/api/LabelList
使用tickFormatter时,这会影响图表侧面的刻度线,您可以对其进行格式化,以使刻度线不显示数字,而是显示您所提到的十字图标,然后创建自定义工具提示以显示数字。
我希望这不会太长且令人困惑,并且有所帮助:)