📈 ECharts 图表指南

ECharts 是百度开源的可视化图表库，支持丰富的图表类型和交互功能，适用于数据展示、数据分析等场景。以下是使用 ECharts 的核心要点：

📌 快速入门

1. 引入库
   在 HTML 文件中添加以下脚本：

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

2. 初始化容器
   创建一个 div 作为图表容器：

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

3. 配置图表
   使用 JavaScript 设置图表选项：

   var chart = echarts.init(document.getElementById('main'));
   chart.setOption({
     xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed'] },
     yAxis: { type: 'value' },
     series: [{ data: [820, 932, 901], type: 'line' }]
   });
   

🎨 图表类型

• 折线图 📈
• 柱状图 📊
• 饼图 🥧
• 散点图 흩
• 热力图 🌡️

🔗 想了解更多 ECharts 的高级用法？请访问 /zh/guides/echarts/advanced 查看完整教程。

📷 示例图片

🛠️ 开发工具

• ECharts 官方文档
• 在线编辑器
• 社区示例库

⚠️ 注意：所有示例均基于开源协议，可自由用于学习和开发。