javascript - 如何 overflow hidden 的 Highcharts 树形图数据标签？

Question

我想配置一个 Highcharts 树状图，以便如果数据标签足够长以溢出点边界(而不只是图表边界)，它就会被隐藏。

可以在此处查看问题的示例:http://jsfiddle.net/atootspb/

我希望最终标签(“Gggggg”)不显示，因为它溢出了其点的边界。我尝试过使用 dataLabels 进行实验选项包括padding , overflow和crop ，一切都无济于事。

Answer 1

这不能仅通过配置预定义的图表选项来完成。

这是一个可以完成这项工作的自定义代码:

  chart: {
    events: {
      load: function() {
        var points = this.series[0].points;
        points.forEach(function(point) {
          console.log(point);
          if(point.shapeArgs.width < point.dataLabel.width) {
            point.dataLabel.hide();
          }
        });
      }
    }
  },

现场演示: http://jsfiddle.net/BlackLabel/y75whsjr/