一、继续上节课的柱状图效果

（一）设置第一组柱子不同颜色

1、声明颜色数组

2、给itemStyle里面的color属性设置一个 返回值函数

3、查看效果

（二）需求5

1、 修改第二组柱子的相关配置（框状）

2、查看效果

（三）需求6：给y轴添加第二组数据

1、将yAxis剪切备份走，准备基本结构

2、把剪切的数据放回

3、将第二组的数据改一下

4、查看效果

（四）需求7： 设置两组柱子层叠以及更换数据

1、给series 第一个对象里面的 添加 yAxisIndex: 0,

2、给series 第二个对象里面的 添加 yAxisIndex: 1,

3、series 第一个对象里面的data

data: [70, 34, 60, 78, 69],

4、series 第二个对象里面的data

data: [100, 100, 100, 100, 100],

5、y轴更换第一个对象更换data数据

data: [“HTML5”, “CSS3”, “javascript”, “VUE”, “NODE”],

6、 y轴更换第二个对象更换data数据

data:[702, 350, 610, 793, 664],

7、查看效果

8、反向坐标

9、查看效果