Highcharts 下钻树状图图例

问题描述

我正在研究一个钻取树图,渲染正是我想要的。 我的问题是关于传奇。 我使用 colorAxis 作为钻取级别,我想隐藏主级别上的图例(一种颜色的瓷砖),但在子级别上显示毕业颜色轴图例,仅用于显示的子系列。

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

我使用属性图例来显示它:

    legend: {
    enabled: true
},

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

解决方法

您可以使用 drilldowndrillup 事件并更新右色轴的 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