Redo charts when click on plot

[BetoDev]

I have three charts, and one mapwithcountries. The thing i would like to do is when click on some plot(column or bar) in one of my three charts i want to "redo" the others charts(column, bar, donut, map) with the specific data about that clicked plot.

So how could i achieve this? I know there is events for those charts, but i dont know how to render again (or update) those charts with specific clicked plot.

I hope you can help me.

Thanks in advance

[Akash Biswas]

Hi,

 

You can use the "dataPlotClick" API event that gets triggered when a click interaction is made on the chart plots. To update a chart with new dataSource, you need to use "setJSONData() API method invoked on the chart instance of the chart that you want to update.

So, use "setJSONData()" on the chart instance within the "dataPlotClick" event handler function.

Refer to the below sample for an implementation :

http://jsfiddle.net/uyf3e1g1/

 

Thanks,

Akash.

[BetoDev]

Mmm i can not see the result i only see

FusionCharts will render here

FusionCharts will render here

[Akash Biswas]

https://jsfiddle.net/v4js9dq2/