本文共 450 字，大约阅读时间需要 1 分钟。

前言：柱状图主要分横着的柱状图和竖着的柱状图，以及和其他类型图混搭图形。本文主要说明前两种类型，并未涵盖所有属性，主要是经常用到的属性。

1. 准备工作

      到echarts3（注意是echarts3，不是echarts2）官方下载echarts或者自定义下载，下载地址：

2. 示例及说明

      代码中未说明的配置项，可以在官网查看。还有很多配置属性，示例中并没有使用到。配置文档地址：
      另外，关于柱状图横坐标显示不全的问题，可以参考这边博客，方法比较全：

eg1，效果图:

eg1说明：示例1与示例2不同的是，示例1中的两个柱状图是重合的，有覆盖和先后级，但是示例2是叠加的，不同之处可详读代码。另外，本例中的自定义图片，如果您想在本地测试，需自己准备图片。

eg1，横向柱状图代码及注释：

eg2，效果图：

eg2说明：由于很多属性与示例1相似，故代码中没有做过多的注释，不同的是，示例1中的两个柱状图是重合的，但是示例2是叠加的，不同之处可详读代码。