Problem with the Drilldown

Hi there!

Firstly, wow! Thank you for this package, seriously! I’m in the process of removing dependencies that are outside of Vue so I can wire up unit tests (easier/cleaner).

On to the problem. As the title suggests I’ve ran into an issue where I cannot seem to get drilldown wired up.

This shows the data that I’ve got - showing the data is cool. http://jsfiddle.net/gv1aeuuq/

I’ve followed the docs with setting things up but no drilldown.

import VueHighcharts from 'vue2-highcharts'
import Drilldown from '../../node_modules/highcharts/modules/Drilldown.js'
import Highcharts from 'highcharts'
Drilldown(Highcharts)

I’ve also tried (transpiles just fine on latest vue/webpack):

import VueHighcharts from 'vue2-highcharts'
import Drilldown from 'highcharts/modules/Drilldown.js'
import Highcharts from 'highcharts'
Drilldown(Highcharts)

And this is what’s up in the <template> block: <vue-highcharts :Highcharts="Highcharts" :options="options" ref="demoInventory"></vue-highcharts>

And I’ve tried: <vue-highcharts :options="options" ref="demoInventory"></vue-highcharts>

The chart will render, labels are present but clicking on a wedge there’s no drilldown.

vue-highcharts version "^1.1.9" vue version "^2.5.2"

[HarisHashim]

Just to share code how to change drilldown on the fly using mergeOption.

https://github.com/HarisHashim/vue-highcharts-demo/blob/master/src/components/LoadModuleChart.vue

The code is 2 functions in methods.

[superman66]

@HarisHashim Thanks!