Highcharts two way integration

dimitrisv

Hello,

I have read the guide here, https://datatables.net/blog/2020/highcharts-integration#Charting-with-Data-Processing

Yet I am unable to make it work on my own project where upon clicking my map I would like the datatable to only show the relevant entries

https://jsfiddle.net/dimitrisv/fqve5r8j/

I wonder if this has to do with the fact that I am using a tree map.

When we fix this I will then seek to make the categories and subcategories in the datatables clickable and direct us to the relevant instance of the tree map.

Thank you!

PS. Here is a topic I also cleated in the highcharts forum: https://www.highcharts.com/forum/viewtopic.php?p=193898#p193898

allan

I don't know what events HighCharts triggers when you select an item (that would be one for them), but when that happens you should be able to call search() or columns().search() to apply a new filter.

Just be careful you don't end up with an infinite loop with each updating the other. You might need an escape hatch of some sort.

Allan

dimitrisv

Thank you @allan

I managed to make it work one way as you can see here:
https://jsfiddle.net/dimitrisv/1tx7bc6e/

(i.e. to have datatables update from highcharts). The issue was on the way that I was passing the event and then the category value to datatables.