layout - Highcharts - 在多层次和多布局树状图中隐藏子标签

Question

在 highcharts 上，我有一个 树状图 与 2 级 ，每个都有一个 不同的布局算法 .现在我想将我们可以看到的限制在当前级别。这意味着在第 1 级，我不想看到第 2 级的标签 ，它只会在向下钻取时出现(并且级别 1 的标签将消失)。

我知道使用 levelIsConstant: false 很容易，但这仅适用于 1 个级别，我使用 2 个级别，因为我需要不同的布局。

这是我目前拥有的链接:

series: [{
  type: "treemap",
  allowDrillToNode: true,
  alternateStartingDirection: true,
  levels: [{
    level: 1,
    layoutAlgorithm: 'squarified',
    dataLabels: {
      enabled: true,
      align: 'left',
      verticalAlign: 'top',
      style: {
        fontSize: '15px',
        fontWeight: 'bold'
      }
    }
  }, {
    level: 2,
    layoutAlgorithm: 'stripes',
    color: 'blue'
  }],
  //...

http://jsfiddle.net/dhfera2y/2/

我希望隐藏所有名称以及分隔它们的线条。

编辑:在每个级别上使用 rgba 颜色，我可以隐藏它下面的节点，但我仍然无法隐藏它们的标签!

Answer 1

谢谢，这是标签问题的一个聪明主意，但正如我所说，我不能使用 levelIsConstant: false 因为我需要为每个级别在每一刻都有不同的布局。使用这个解决方案，当我在顶层时，两个级别都可以有不同的布局，但是我一深入，我就会失去新 View 的正确布局。

几乎 :-)

编辑:好的，所以我终于设法做到了。我认为以我尝试的方式实现这一点是不可能的，即对系列的每个子点使用父选项以确定树的层次结构。因此，我没有使用具有层次结构的一个系列，而是将一个系列用于顶层，我将其链接到以下级别的多个系列。
多亏了向下钻取选项，我才能够做到这一点。

我在官方文档中找到了解决方案:
http://www.highcharts.com/docs/chart-concepts/drilldown

我调整了代码，一切正常。这是我想出的解决方案(它与我的第一个链接不同):
http://jsfiddle.net/ff964fog/47/

series: [{
      type: 'treemap',
      layoutAlgorithm: 'squarified',
      borderWidth: 3,
      data: modulesData
    }],
    drilldown: {
      series: servicesSerie
    },

我仍然需要调整一些东西(比如底层动画的消失)，但最终我得到了我想要的!