GeoJSON

The Business Charts Panel supports the world and USA GeoJSON maps. You can load additional maps dynamically.

Website Analytics displays requests per country.

Demo

Try the map on the dashboard in the edit mode.

Tutorial

You can watch the following video to better understand how to use GeoJSON maps.

How to tell the story with Grafana dashboard. Business Charts, Bar Chart, Logs, and Heatmap.

Metrics with values

docs/volkovlabs-echarts-panel/js/geojson.js

loading...

Connected data points

The Business Charts Panel can visualize connected data points retrieved from a data source on a GeoJSON map.

Visualize Scatter data points connected with lines on GeoJSON.

docs/volkovlabs-echarts-panel/js/geojson-scatter.js

loading...

Dynamic maps loading

You can load additional GeoJSON maps dynamically using JQuery. While the map is loading, the Business Charts Panel displays an animation.

Loading additional GeoJSON maps.

docs/volkovlabs-echarts-panel/js/geojson-alaska.js

loading...

Switching between maps

The Business Charts Panel allows you to switch between GeoJSON maps with on-click or double-click event handlers.

Switching between GeoJSON maps using event handlers.

docs/volkovlabs-echarts-panel/js/geojson-onclick.js

loading...