Drilldown event on chart fires multiple Times on stacked column series

[FLoibl]

Can someone explain to me the rationale behind calling the doDrilldown method on every point when clicking on the Axis labels?
This causes the "drilldown" Event in the Chart to fire multiple times,
which is kind of bad when drilling down asynchronously.

tickLabel
                    .addClass('highcharts-drilldown-axis-label')
                    .css(chart.options.drilldown.activeAxisLabelStyle)
                    .on('click', function () {
                        each(tickLabel.ddPoints, function (point) {
                            if (point.doDrilldown) {
                                point.doDrilldown(true);
                            }
                        });
                        chart.applyDrilldown();
                    });

[pawelfus]

Duplicate: #2922 ?

[mestremuten]

For sure this is not the best solution, but it's a patch that worked for me while I'm waiting for a official fix.

From v4.0.3 to v4.0.4, it was fixed that it didn't render duplicated series in the drilldown chart, but the event is still being fired N times where N is the number of series on the main chart that share the same xAxis point.

I've just added a "check for unique drilldown IDs", at the tick label click event.

-> drilldown.src.js line 542~554 (Highcharts-4.0.4)

tickLabel
    .addClass('highcharts-drilldown-axis-label')
    .css(chart.options.drilldown.activeAxisLabelStyle)
    .on('click', function () {
        var uniqueDrilldowns = {};
        each(tickLabel.ddPoints, function (point) {
            if (point.doDrilldown && !uniqueDrilldowns[point.drilldown]) {
                uniqueDrilldowns[point.drilldown] = true;
                point.doDrilldown(true);
            }
        });
        chart.applyDrilldown();
    });

[stefanodcIT]

The problem continue to be present with every version of drilldown that i could find.
No way to solve the multiple drilldown event fired when we have multiple series in a single drilldown category?

Thanks.

Note: i've forked from pawelfus #2922 example by adding a second serie.
http://jsfiddle.net/cf71y1kh/1/
If you click on the category label you could see that 2 drilldown call are fired.

[pzgz]

Yes, getting this issue too, when there are more than one series, and trying to drilldown from label will fire the drilldown event twice, and then it will caused the Uncaught TypeError: Cannot read property 'xAxis' of null error.

[FLoibl]

IIRC i "fixed" it with sth similar to @mestremuten's Patch but this code was just for a prototype which never went into production.

[TorsteinHonsi]

It is supposed to fire the drilldown event for each point. See http://api.highcharts.com/highcharts/chart.events.drilldown.

Would it help if we added a drilldownall event that fires after all the points have drilled down, analogous to drillupall?

[pzgz]

@TorsteinHonsi Sounds promising, looks like we can simply use drilldownall event if we don't care which series was clicked when drilldown from both chart point or category.

[pzgz]

For workaround, I used points and point of the drilldown event parameter, only execute the procedure only for two situations:

• points is false, means click on chart point
• point is equal to points[0], means click on chart category, by this, the event procedure will only be executed once if click on category

Such as following:

if (!e.points || e.points[0] == e.point) {
    ......
}

[goralpl]

@pzgz @TorsteinHonsi

Has there been an update to the drilldown.js to include a drilldownall event?

[gtoups]

For workaround, I used points and point of the drilldown event parameter, only execute the procedure only for two situations:

* `points` is `false`, means click on chart point

* `point` is equal to `points[0]`, means click on chart category, by this, the event procedure will only be executed once if click on category

Such as following:

if (!e.points || e.points[0] == e.point) {
    ......
}

Thanks for the workaround!

[sansmash]

For workaround, I used points and point of the drilldown event parameter, only execute the procedure only for two situations:

• points is false, means click on chart point
• point is equal to points[0], means click on chart category, by this, the event procedure will only be executed once if click on category

Such as following:

if (!e.points || e.points[0] == e.point) {
    ......
}

Any suggestion on handling the same in drillup? Since point, points not available in drillup event?

[pawelfus]

Hi @sansmash

We have chart.events.drillupall event. We don't have drilldownall

[sansmash]

Hi @sansmash

We have chart.events.drillupall event. We don't have drilldownall

That worked! Thank you.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!