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