I want to be able to drilldown/drillUp the sunburst when a menu is opened or closed from the treeview. The opened tab identifiers are stored in a vuex state named openedTerms which my wrapper can access. I then setup a watcher on the openedTerms array that would manually trigger the drilldown (without redrawing the full graph) from click in the left panel.
Here is my watcher:
Code: Select all
watch: {
openedTerms(newTerms) {
if (newTerms.length > 0) {
Highcharts.charts.forEach((chart) => {
if (chart) {
const drilldownPoint = chart.get('SRAO').points.find(point => point['drillId'] === newTerms[0]);
drilldownPoint.doDrilldown()
console.log(drilldownPoint)
}
})
}
}
}
Any idea what I'm doing wrong ? I feel like I'm not accessing the right objects but I followed a simple example i found here: http://jsfiddle.net/048kne3c/
I don't understand why I don't have any method bound to my point object.
Best regards to the highchart team!