Javascript 如何自定义highchart树映射数据标签？

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

更具体地说，我想：

在第一层我想将第一层标签从顶部主框中取出，第二层应该隐藏在这里

在第二级中向下钻取后我想再次将标签从主框中取出

在所有级别中，我希望看到标签中的最后一级详细信息，如示例图像所示

有没有一种方法可以分为3个级别，但只需深入到2个级别

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

非常感谢您的考虑

---

.

正如@WojciechChmiel在评论中提到的，色差问题的解决方案是将父颜色设置为

透明

为了使标签位于剖面框之外，我使用了

数据标签格式功能

。在

react

中，

renderToString

帮助我将react组件作为级别标题传递

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

  const { level } = data.point.node;

有了这个，我可以管理显示哪个理想的标签

-正在运行下面提供的演示

---

我不确定你到底想达到什么目的。如果没有自定义，可能无法使用

highcharts

。关于最后一点，我为主要级别设置了

颜色：“透明”

，颜色看起来正确：@WojciechChmiel是的，这解决了我的第5个问题谢谢@WojciechChmiel我只是想定制标签。我不知道如何把标签从盒子里拿出来。我认为highchart是可能的，因为我看到了开发的示例，但不幸的是，我没有访问代码的权限！您可以使用Highcharts.SvgRender渲染这些标签，但在所附图片上，某些点似乎分组在标签下，这是不支持的。API:@WojciechChmiel我已经找到了解决方案，我将很快在这里发布