13.4  将柱状图的同一根柱子设置为不同的颜色

本实例的功能是显示2012年××啤酒瓶装类与罐装类这两种类型产品的销售情况，但本实例的说明方法不是在一个月份中使用两种颜色的柱子，而是将瓶装与罐装这两种产品的每月销量用不同颜色绘制在同一根柱子中。在柱子的下部绘制用来说明瓶装类销售数量的绿色柱子，在柱子的上部绘制用来说明罐装类销售数量的蓝色柱子。使用这种方法的好处在于既可以看出两类产品各自的销售数量，又可以直接看出这两类产品的销售总数量。

实例文件4.html的具体实现代码如下。

执行后的效果如图13-4所示。

图13-4 执行效果