📈 ECharts 入门指南 🌐

ECharts 是百度开源的 JavaScript 图表库，专为数据可视化设计，支持多种图表类型和交互功能。以下是核心内容概览：

✅ 快速上手

• 灵活配置：通过 JSON 配置项定义图表结构，如 title, tooltip, legend 等
• 丰富图表：包含折线图、柱状图、饼图、散点图、热力图等 120+ 种图表类型
• 交互能力：支持缩放、数据筛选、动态更新等交互操作
• 多端适配：兼容 PC、移动端及各类浏览器

🌐 开发环境

1. 引入 ECharts 库

   <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.2/dist/echarts.min.js"></script>
   

2. 创建画布容器

   <div id="chart" style="width: 600px; height: 400px;"></div>
   

3. 初始化图表

   const chart = echarts.init(document.getElementById('chart'));
   chart.setOption({ /* 配置项 */ });
   

📚 学习资源

• 了解更多 → ECharts 入门教程
• 官方文档：https://echarts.apache.org
• 示例库：https://echarts.apache.org/examples

🚀 应用场景

• 业务数据分析：销售趋势、用户行为等
• 科研可视化：实验数据、统计结果等
• 实时监控：系统状态、网络流量等
• 教育展示：教学案例、知识图谱等

📌 提示：通过 echarts.registerTheme() 可自定义主题样式，建议结合 ECharts_主题定制 文档进行深入学习