echarts 多组柱状图

要绘制echarts多组柱状图，你可以按照以下步骤进行操作：

1. 实例化echarts对象：使用`echarts.init()`方法创建一个echarts实例，并将其绑定到指定的DOM元素上。例如：

var myEcharts = echarts.init(document.getElementById("container"));

2. 设置系列：在配置选项中设置多个系列，每个系列代表一组柱状图。可以设置系列的名称、类型、数据等属性。例如：

series: \[
  {
    name: '测试系列1',
    type: 'bar',
    data: \[14, 16, 19, 22, 25, 30\]
  },
  {
    name: '测试系列2',
    type: 'bar',
    data: \[14, 16, 19, 22, 25, 30\]
  }
\]

3. 绘制x、y轴：在配置选项中设置x轴和y轴的相关属性，包括是否显示、类型、刻度设置、轴线样式等。例如：

xAxis: {
  show: true,
  type: 'category',
  data: \['2019-01', '2019-02', '2019-03', '2019-04', '2019-05', '2019-06'\]
},
yAxis: {
  show: true,
  type: 'value'
}

4. 将配置选项绑定到echarts对象上：使用`setOption()`方法将配置选项应用到echarts实例上。例如：

myEcharts.setOption(option);

通过以上步骤，你可以绘制出多组柱状图。记得在HTML中创建一个具有唯一ID的容器元素，用于显示echarts图表。例如：

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

请注意，以上代码只是一个示例，你可以根据自己的需求进行修改和扩展。
#### 引用[.reference_title]
- *1* *2* *3* [Echarts.js（二）：多系列柱状图](https://blog.csdn.net/baidu_41327283/article/details/97397763)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]