kyndryl-design-system / shidoka-charts

Shidoka charts based on Chart.js
https://shidoka-charts.netlify.app
MIT License
1 stars 0 forks source link

Request for Geo world bubble map with enhancement #9

Closed ashishpawar12 closed 9 months ago

ashishpawar12 commented 9 months ago

Is your feature request related to a problem? Please describe. We need Geo map with below functionality

1) Need a zoom in/out with focus on some region 2) onclick on region point map should be drill down with more point on same region with some location zooming Please refer to below screen record for more understanding

Screen Recording 2024-01-12 at 10.07.05 AM.mov…

ashishpawar12 commented 9 months ago

https://github.com/kyndryl-design-system/shidoka-charts/assets/18259137/d8fe3df5-6dd9-4d44-9079-89ded2b53e44

brian-patrick-3 commented 9 months ago

The third party chartjs geo plugin is not supported by the third party chartjs zoom plugin, so this feature is not possible.

Two options:

  1. You can hook into click events on the chartjs instance to render a new chart based on the clicked region.
  2. You can use alternate solution with full mapping capabilities such as Google Maps, Mapbox, Leaflet, or similar.