多个echarts图表的引入

要在同一个页面中引入多个 ECharts 图表，可以按照以下步骤进行：

1. 在 HTML 文件中引入 ECharts 库：

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

2. 在 JavaScript 文件中定义多个 DOM 元素，用于渲染不同的图表：

var chart1 = echarts.init(document.getElementById('chart1'));
var chart2 = echarts.init(document.getElementById('chart2'));

3. 分别配置不同的图表选项和数据：

var option1 = {
  // chart1 的选项和数据
};

var option2 = {
  // chart2 的选项和数据
};

4. 调用 ECharts 实例的 `setOption` 方法，将不同的选项和数据分别传入：

chart1.setOption(option1);
chart2.setOption(option2);

5. 最后记得在 CSS 中设置好每个图表的样式和大小：

#chart1 {
  width: 500px;
  height: 300px;
}

#chart2 {
  width: 800px;
  height: 400px;
}

这样就可以在同一个页面中渲染多个 ECharts 图表了。