Highcharts 向下钻取树图图例

Question

我正在制作向下钻取树状图，渲染正是我想要的。我的问题是关于传说。我将 colorAxis 用于向下钻取级别，我想在主级别隐藏图例（按图块一种颜色），但在子级别上显示毕业色轴图例，仅适用于显示的子系列。

我在这里做了一个例子：http://jsfiddle.net/vegaelce/4dLopjwv

我用属性图例来显示它：

    legend: {
    enabled: true
},

但它在子级别上显示每个 colorAxis 的图例。除了与显示的子系列对应的图例外，如何隐藏所有图例？提前致谢

Answer 1

您可以使用drilldown和drillup事件并更新右侧色轴的visible属性。

    chart: {
        type: 'treemap',
        events: {
            drilldown: function(e) {
                const colorAxis = this.colorAxis[e.seriesOptions.colorAxis];
                if (colorAxis) {
                    colorAxis.update({
                        visible: true
                    }, false);
                }
            },
            drillup: function() {
                this.colorAxis.forEach(function(cAxis){
                    if (cAxis.visible) {
                        cAxis.update({
                            visible: false
                        }, false);
                    }
                });
            }
        }
    }

现场演示： http://jsfiddle.net/BlackLabel/vtg7fdn6/

API参考：https://api.highcharts.com/class-reference/Highcharts.Axis#update

Highcharts 向下钻取树图图例

Highcharts drilldown treemap legend

legend

treemap

highcharts

drilldown