Question

我尝试在highcharts样式模式下创建树形图，并按照this example中的父节点为节点着色。

在样式模式中，我能够实现此目的的唯一方法是为每个子节点分别分配一个（css）className：

animationLayer.contents = image

请参阅我的示例：https://jsfiddle.net/kimpalita/1tLue9s0/

我想知道是否有人能够建议更优雅/简化的方法，而不必在每个数据点重复className属性。

提前谢谢！

Answer 1

我认为父节点及其子节点不具有css类，以使它们与其他节点不同。但是您仍然可以添加代码以向其子项添加父类名，这允许您省略为每个点指定类名。

 chart: {
    events: {
      load: function() {
        this.series[0].data.forEach(p => {
          var parent = p.parent;
          var className = parent && this.get(parent).className;
          if (className !== undefined) {
            p.graphic.addClass(className)
          }
        })
      }
    }
  },

示例：https://jsfiddle.net/k0gw0dop/

在highcharts样式模式下按父节点着色树形图

1 个答案: