javascript - 取消绑定(bind) Drilldown 中 xAxis 标签上的单击操作

Question

如何删除最终用户单击钻取图表中的 xAxis 标签的能力？我没有看到任何可在 API 中 Hook 的标签事件。我尝试使用 this 修改加载时的标签答案:

var xAxis = this.xAxis[0];
var onXaxisRedraw = function () {
    for (var tickPos in xAxis.ticks) {
        var $element = $(xAxis.ticks[tickPos].label.element);
        $element.unbind('click');

    }
}

这仍然会让向下钻取点击操作发生。

Answer 1

由于我不知道在 API 中执行此操作的任何方法，因此我建议手动将其删除。

第一步是使标签看起来像普通标签。此设置应该实现:

drilldown: {
    activeAxisLabelStyle: {
        cursor: 'default',
        color: '#3E576F',
        fontWeight: 'normal',
        textDecoration: 'none'
    }
}

然后在加载和重绘时从相关标签中删除onclick事件:

function removeClick() {
    $('.highcharts-drilldown-axis-label').each(function() {
        this.onclick = null;
    });
}

$('#container').highcharts({
    chart: {
        events: {
            load: function() {
                removeClick();
            },
            redraw: function() {
                removeClick();
            }
        }
    }
    ...
});

和a JSFiddle drilldown chart看看它的实际效果。