Echarts
When to Use This Skill
Use ECharts when you need:
- Balance of ease and power - Easy to start, powerful when needed
- Broad chart variety - 20+ chart types including geo maps
- TypeScript support - Full type definitions
- Mobile responsiveness - Built-in responsive design
- Large datasets - Efficient rendering of 100k+ points
- Chinese/International - Excellent i18n support
Avoid when:
- Ultimate customization needed (use D3.js)
- Only need simple charts (use Chart.js)
- 3D scientific visualizations (use Plotly)
Resources
- Official Docs: https://echarts.apache.org/en/index.html
- Examples: https://echarts.apache.org/examples/en/index.html
- GitHub: https://github.com/apache/echarts
- Community: https://github.com/ecomfe/awesome-echarts
Sub-Skills
- 1. Basic Line Chart (+2)
- 1. Use Responsive Design (+3)
- With React (+1)
Sub-Skills
- Example 1: Loading Data from CSV (+5)
- Basic Charts (+4)
- TypeScript Support
- CDN (+1)
- Animation Configuration (+2)
- Event Handling
- Performance Tips