GeoJSON

Apache ECharts 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. Apache ECharts, Bar Chart, Logs, and Heatmap.

Metrics with values

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

loading...

Connected data points

Apache ECharts 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, Apache ECharts Panel displays an animation.

Loading additional GeoJSON maps.

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

loading...

Switching between maps

Apache ECharts 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...