如何自定义highchart树图数据标签？

Question

这是我的树状图。我有3个级别，我想自定义标签，如提供的图片。

更具体地讲，我想要

1. 在第一级中，我想将第一级标签从顶部的主框中移除，第二级应隐藏在此处。

2. 在第二级中向下钻取后，我想再次将标签从主包装箱中取出。

3. 在所有级别中，我想查看标签中的最后一级详细信息，如示例图片所示。

4. 有没有一种方法可以拥有3个级别，而只是向下钻取2个级别？

5. 您知道为什么向下钻取后颜色会改变吗？一级和三级的颜色不一样！

非常感谢您的考虑。

。

Answer 1

如@WojciechChmiel的评论中所述，色差问题的解决方案是将父色设置为transparent！

我在{@ {1}}中使用了部分框以外的标签。在data label format function中，react帮助我将react组件作为关卡的标题传递。

我还可以通过以下方式识别每个标签的等级：

renderToString

以此，我可以管理要显示的标签！

-下面提供的运行演示！