Home › forums › Using CanvasJS › Related charts
This topic contains 6 replies, has 2 voices, and was last updated by Tiger 3 months, 1 week ago.
I would like to create 2 related charts.
When I move mouse to bar , another details in other charts change.
as example, you can see in ( https://www.idashboards.com/dashboard-examples/k12-dashboard-district/ )
check image to see what related chart I mean https://imgur.com/a/a1muOcd
Please take a look at this Dashboard Sample, which shows related charts – when you click on the bubble in the first chart, the data in other charts gets updated according the dataPoint (country) being clicked. You can download Dashboard samples from our download page and edit the source code according to your requirements.
Thanks for reply,
I need to be change when mouse move over.
Please see the example I sent https://www.idashboards.com/dashboard-examples/k12-dashboard-district/
Also, I need to do the same charts as example I sent with the same design.
I have seen your reply in fiddle : http://jsfiddle.net/dyc85jqr/
It works , But I could not understand.
If I want to add another chart , to be 3 charts.
How can I do it ?
You can add as many charts as you require in a page. To add another chart, you can simply create a container to the chart and render it. Please take a look at this updated JSFiddle. Please take a look at documentation on Rendering Multiple Charts in a Page for step-to-step tutorial on the same.
You must be logged in to reply to this topic.