Echarts的使用之制作红黑榜柱形图（前后三名柱体颜色、数据颜色不一致）

要求实现效果：

在一次项目中，有个管理仪表盘页需要制作，所以就选择了使用echarts来显示数据，
第一次用的时候很好用诶！！还觉得有点神奇！哈哈哈哈  土白就是我叭（又土有小白，我就是代言人！）

在制作过程中，也是遇到了很多的坎坷，因为策划出来的样式，emmmm，还是比较多姿多彩（？）的，以下就老唠唠我遇过的坎！

1、制作红黑榜，要求：前三名与后三名的柱体颜色、数据颜色不一致；

柱体颜色设置：
根据官网提供的例子，在data里面可以设置itemStyle样式：

每个柱子的颜色完美解决！
but！！这样设置有个问题，就是柱子上的数据直接显示成[object object]…

无奈，又开始了百度之旅。。
在本该午睡的时间，我满脑子都是要怎么搞这个鬼东西，后来我想到了：既然可以设置itemStyle，那label应该也能设置。午睡时间ending。。。。
最终实现代码（动态插入）：

for(var i=0;i<last.length;i++){
	listData1.push( {
						value: last[i],
						itemStyle: {
							color: '#fc9634'
						},
						label:{
								formatter: function(data){
								//data.value是重点，可以console一下data找到数据，{b|....}是用来设置数据颜色
									return `{b|`+data.value+`}`
								},
						}
					})
}

//以下为是否显示label，显示位置和显示格式的设置了
								label: {
									normal:{
										show: true,
										position: 'right',
										rich:{ //rich很好用啊，可以去了解下
											a:{
												color:'#ac0000'
											},
											b:{
												color:'#000'
											}
										},
										
									}
								}

大功告成！！！！

自己的总结吧，毕竟下一次我就忘了hhhhhh（正常，正常）