echarts两个柱状图显示在同一个容器中

ECharts是一个强大的JavaScript图表库，如果你想在一个页面上同时展示两个柱状图，可以采取以下步骤：

1. **初始化容器**：首先，在HTML中创建两个div元素，给每个元素分配一个唯一的ID，例如`container1`和`container2`。

<div id="container1"></div>
<div id="container2"></div>

2. **引入ECharts**：在你的JavaScript文件中，引入ECharts库。

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

3. **创建图表实例**：然后分别对这两个容器创建ECharts实例，并配置对应的图表数据和选项。

// 对于第一个柱状图
var chart1 = echarts.init(document.getElementById('container1'));

// 配置第一个柱状图的数据和选项
var option1 = {
    // ...设置柱状图的具体配置...
};

chart1.setOption(option1);

// 对于第二个柱状图
var chart2 = echarts.init(document.getElementById('container2'));

// 配置第二个柱状图的数据和选项
var option2 = {
    // ...设置第二个柱状图的具体配置...
};

chart2.setOption(option2);

4. **必要时更新图表**：如果你需要动态地改变某个图表的内容，可以通过`setOption`方法更新对应的图表实例。

chart1.setOption(option1); // 更新第一个柱状图
chart2.setOption(option2); // 更新第二个柱状图