在“向下钻取”中取消绑定xAxis标签上的“单击操作”

Question

如何删除最终用户点击明细表中的xAxis标签的功能？ 我没有在API中看到任何标签events。我尝试使用this answer：

修改加载时的标签

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了解它的实际效果。