minemap-plugin-echarts-integration

Integrate ECharts visualizations as overlay layers on MineMap maps.

3|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/ming1zhou88/minemap-skills --skill minemap-plugin-echarts-integration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: minemap-plugin-echarts-integration
Source: https://github.com/ming1zhou88/minemap-skills/tree/main/skills/minemap-plugin-echarts-integration
Command: npx skills add https://github.com/ming1zhou88/minemap-skills --skill minemap-plugin-echarts-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This integration guide provides a standardized approach to overlay external ECharts visualizations on MineMap, enabling rich geospatial charts without coupling chart rendering to the core engine.

Core Features & Use Cases

  • Overlay patterns using MinemapEChartsLayer or inline overlay to render charts atop the map
  • Supports chart types such as scatter, lines, pie, radar, and 3D bar charts demonstrated in the demos
  • Uses map.project([lng, lat]) to convert geographic coordinates to screen pixels and keeps overlays synchronized with move/zoom/rotate/pitch/resize events

Quick Start

Initialize MineMap, wait for the map load event, then create an ECharts overlay layer and bind geographic coordinates to chart series

Frequently Asked Questions about minemap-plugin-echarts-integration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I overlay ECharts visualizations on a MineMap instance?

To overlay ECharts visualizations on MineMap, initialize the map and wait for the load event, then create an ECharts overlay layer. You can use MinemapEChartsLayer or inline overlay patterns to render charts atop the map without coupling chart rendering to the core engine.

How do I keep ECharts overlays synchronized with MineMap pan and zoom events?

To keep ECharts overlays synchronized with MineMap pan and zoom events, use map.project([lng, lat]) to convert geographic coordinates to screen pixels. You must bind the overlay updates to map move, zoom, rotate, pitch, and resize events to maintain visual alignment.

What chart types are supported for geospatial charting with ECharts and MineMap?

Supported geospatial chart types for ECharts and MineMap integration include scatter, flight lines, pie charts, radar charts, and 3D bar charts. These render as external overlay layers over the map using demo-driven integration patterns.

Can I use component-based patterns to integrate ECharts with MineMap?

Yes, you can use component-based patterns to integrate ECharts with MineMap. The integration supports component-based, inline, and manual overlay approaches, including a disposal mechanism to manage the lifecycle of external chart layers.

Why are my ECharts overlays misaligned when the MineMap view changes?

ECharts overlays become misaligned when the MineMap view changes if geographic coordinates are not properly converted to screen pixels using map.project. Binding overlay updates to map move, zoom, rotate, pitch, and resize events maintains visual alignment.