charts 柱状图
上面的那个柱状图，它的数据结构如下：
解释一下：数据结构：data.chartData.data 中的数据：xAxis 是x轴，是个时间戳，绘图数据，是series中的数据，这个数组里面一共有4个对象，每个对象里面有两个属性，name 是级别，data 是对应的数据。从数据中，可以看出来，这是堆积图的数据结构。一个点上最多画一个柱子，一个柱子最多有4节。
柱子的颜色根据name 返回的值定。
基础知识：
1.chartOption里面，color的返回值是个数组，给上色值，线条就会按照上面的数组里面一次取值。没有给色值的话，就会按照echarts官网文档里面，渲染默认值。当然喽，series里面的itemstyle 的color属性也可以定义色值。
2.调整series里面的 barCategoryGap:属性，可以调整柱子之间的间距，
3series里面的stack 属性，设置一个值，柱子会堆积，要是给他置空，就会变成一个平铺图。
还是这套数据，需求改为一个柱子上，只有一个色值，数量显示总数。色值根据最高级别来判断，之前是可以画4个颜色的，现在合成一种了。那么，此时已经不是一个堆积图了，而是一个普通的柱状图，返回数据series只有1个。后台不改数据结构，那么前端就得重新组装理想的数据结构。
第一步：series里面的data的拼接，4合1，纵轴要显示总数，就得把data里面的数据按列求和。
第二部：显示最高级别，就得判断，是否有值。