图表沿Y轴在MultiBarChart中的每个条上添加关闭按钮，以关闭条

Question

我需要沿着与Y轴相对应的每个条添加一个十字按钮，这对用户关闭条很有帮助。我正在按照垂直布局，将沿着Y-xis放置栏。我尝试使用LabelList添加它，但无法实现。有人可以建议我如何做到这一点吗？

Answer 1

似乎您要尝试的是沿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时，这将影响图表侧面的刻度线，您可以对其进行格式化，以使刻度线不显示数字，但会显示您所提到的十字图标，然后创建自定义工具提示显示数字。

我希望这不会太长且令人困惑，并且会有所帮助：）