javascript - 柱形图 : Click event to only trigger on drilldown series

Question

我正在制作一个二级柱形图。我想执行一项任务，例如仅在单击钻取系列图表上的每个条形时显示警报。我发现了这个:

plotOptions: {
    series: {
        cursor: 'pointer',
        point: {
            events: {
                click: function () {
                    alert('Category: ' + this.category + ', value: ' + this.y);
                }
            }
        }
    }
}

它工作得很好，但它也适用于父系列。我们可以强制此点击事件仅适用于第二级系列(在深入分析后出现)吗？

Answer 1

因为如果您单击父项，您的 click 事件的 this 值将是一个没有值的对象，因此您可以检查 x 值(或类似值)以查看它是否是已损坏的父项或者您正在单击当前可用的点。确保它是您知道您的观点将具有的值(value)。

例如( JSFiddle ):

var UNDEFINED;

$('#container').highcharts({
    plotOptions: {
        series: {
            point: {
                events: {
                    click: function() {
                        if(this.x != UNDEFINED)
                            alert("It's alive!");
                    }
                }
            }
        }
    }
    // ...
});

如果它只涉及特定系列，您还可以考虑将事件代码添加到这些特定系列，而不是为所有系列执行此通用代码。