javascript - Drilldown in HighChart on Double Click -

i want implement highchart in drilldown mode transition column chart pie chart on double click of column (double tap in case of mobile). able modify drilldown demo provided highchart display content & transition between column & pie charts on single click. running example can seen @ demo link.

i have tried following 2 ways perform chart transition on double click. in plotoptions.series.point.events.click, double click identified if 2 clicks fall within gap of 500ms.

1) this.series.data[0].firepointevent('click');

this click being triggered first chart, pie chart not shown on click.

2)

this.drilldown= {series: drilldownseries}; $('.highcharts-drilldown').onclick() 

or dom event,

chart.drilldown: { series: drilldownseries}   

removed

the drilldown element appended primary chart on first click (at runtime). event handlers of drilldown chart not linked & hence can't triggered. (please correct me if wrong.) trial code

any appreciated.

if above approach dead end, alternatively, try async mode of dynamic drill down in highcharts.

i advice familiar custom events plugin allows catch double click on point. need destroy chart , create new 1 or update series.