Related charts

• December 12, 2018 at 8:19 pm #23698
  
  Tiger

  Hello,
  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

  regards,

  December 13, 2018 at 11:01 am #23709
  
  Vishwas R

  @fbahashwan,

  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.

  —
  Vishwas R
  Team CanvasJS

  December 13, 2018 at 12:21 pm #23715
  
  Tiger

  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/

  Regards,

  December 13, 2018 at 12:22 pm #23716
  
  Tiger

  Also, I need to do the same charts as example I sent with the same design.

  December 16, 2018 at 12:34 am #23738
  
  Tiger

  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 ?

  • This reply was modified 5 years, 11 months ago by Tiger.
  December 17, 2018 at 11:54 am #23751
  
  Vishwas R

  @fbahashwan,

  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.

  —
  Vishwas R
  Team CanvasJS

  December 17, 2018 at 12:14 pm #23755
  
  Tiger

  Thanks,