横向柱形图echarts 柱状配置项内容和展示

颜色间隔

      option = {
   backgroundColor:'#000',
   title: {
						text: '本日科室用电量TOP5',
						textStyle: {
							color: '#fff',
							fontSize: 18,
							fontWeight: 'normal',
						}

					},

					tooltip: {
						trigger: 'axis',
						axisPointer: {
							type: 'shadow'
						},
						formatter: "{b} : {c}kw.h"
					},
					legend: {},
					grid: {
						left: '5%',
						right: '4%',
						top: '12%',
						bottom: '5%',
						containLabel: true
					},
					xAxis: {
						type: 'value',
						boundaryGap: [0, 0.01],
						axisTick: {
							show: false
						},
						axisLine: {
							show: false
						},
						axisLabel: {
							/*  textStyle: {
							      color: '#588CBE',
							      fontWeight: 'bolder',
							      fontSize: 10
							  },
							  margin: 8,
							  rotate: 18*/
							show: false
						},
						splitLine: {
							show: false
						}
					},
					yAxis: {
						type: 'category',
						axisLabel: {
							// formatter: '{value}%',
							textStyle: {
								color: '#ffffff',
								// fontSize:9,

							}
						},
						//  改变x轴颜色
						axisLine: {
							show: false
						},
						axisTick: {
							show: false,
						},
						lineStyle: {

							// 使用深浅的间隔色
							color: ['#3f0'],
							width: 4,
							type: 'solid'
						},
						data: ['信息中心', '影像中心 ', '综合检查室', '检验科', '消毒供应室', ]
					},
					series: [{
						// name: '设备',
						type: 'bar',
						barWidth: '28%',
						data: [124,244,155,277,66],
						label: {
                            normal: {
                              show: true,
                              position: 'right',
                              formatter: '{c}',
                              textStyle: {
                                color: 'white' //右侧的数字
                              }
                            }
                          },
						itemStyle: {
									normal: {
										barBorderRadius: [0, 0, 0, 0],
								// 		color: '#fdb330',
		 								color: function(params) {
		 									if(params.dataIndex % 2 === 0) {
		 										return '#4BF3FF'
		 									} else {
		 										return '#F8406A'
		 									}
		 								},
									}
								},

					}]
};