彩色柱状图echarts 柱状配置项内容和展示

柱子上显示数据,并隐藏了坐标轴

配置项如下
      option = {
    xAxis: {
        type: 'category',
        data: ['单体东区', '单体南区', '单体北区', '单体西区', '连锁批发', '医疗终端'],
        axisLine:{       
          "show":false

        },
        axisTick:{       
          "show":false
        },
        splitLine: {     
          "show": false
        }
    },
    yAxis: {
        type: 'value',
        show:false,
          axisLine:{       //y轴
          "show":false

        },
        axisTick:{       //y轴刻度线
          "show":false
        },
        splitLine: {     //网格线
          "show": false
        }
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110],
        type: 'bar',
        itemStyle:{
            normal:{
                label:{
                  formatter: "{c}",
                  show: true,
                  position: "top",
                  textStyle: {
                    fontWeight: "bolder",
                    fontSize: "12",
                },
                },
                 //每根柱子颜色设置
                                    color: function(params) {
                                        let colorList = [
                                            "#C1232B",
                                            "#B5C334",
                                            "#FCCE10",
                                            "#E87B10",
                                            "#277C7B",
                                            "#FE8463",
                                        
                                        ];
                                        return colorList[params.dataIndex];
                                    }
            }
        }
    }]
};

    
截图如下