折线图示例：ECharts 的基本用法 📊

ECharts 是一个强大的可视化库，以下是如何创建基础折线图的步骤：

1. 引入 ECharts 库
   在 HTML 文件中添加如下代码：

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

2. 准备数据结构
   示例数据格式如下：

   const data = {
     categories: ['一月', '二月', '三月', '四月', '五月'],
     values: [120, 200, 150, 80, 100]
   };
   

3. 初始化图表配置
   核心配置项包括：

   • xAxis.data：横轴标签
   • series.data：折线数据
   • tooltip.trigger：提示框触发方式（'axis' | 'item'）

   ✅ 配置示例：

   const option = {
     xAxis: { data: data.categories },
     yAxis: {},
     series: [{ data: data.values, type: 'line' }]
   };
   

4. 渲染图表
   使用以下代码绑定容器：

   const chart = echarts.init(document.getElementById('chart-container'));
   chart.setOption(option);
   

📌 扩展阅读：
若需了解更复杂的折线图配置，可访问 ECharts 折线图基础教程 获取详细说明。