带负数的纵坐标echarts 柱状配置项内容和展示

      var xdata = ['党委会','董事会','监事会','经理层']
var data = [9,0,1,0]
//负数的柱子，圆头朝下的样例见本人其他作品
option = {
    backgroundColor: '#0a1a38',
    tooltip: {
        trigger: 'axis',
        backgroundColor: '#202630',
        borderColor: '#202630',
        textStyle: {
            color: '#fff',
            fontSize: 12,
        },
        axisPointer: {
            type: 'line',
            lineStyle: {
                type: 'solid',
            },
        },
    },
    grid: {
        top: '15%',
        right: '10%',
        left: '10%',
        bottom: '12%',
    },
    xAxis: [
        {
            type: 'category',
            color: '#59588D',
            data: xdata,
            axisLabel: {
                margin: 20,
                color: '#809dbe',
                textStyle: {
                    fontSize: 12,
                },
            },
           axisLine: {
            show: true,
            lineStyle: {
                color: '#457fa3',
            },
        },
            axisTick: {
                show: true,
            },
        },
    ],
    yAxis: [
        {
            max:10,
            min:-2,
            axisLabel: {
                // formatter: '{value}%',
                color: '#ccc',
                textStyle: {
                    fontSize: 12,
                },
            },
            axisLine: {
                show:false,
                lineStyle: {
                    color: 'rgba(107,107,107,0.37)',
                },
            },
            axisTick: {
                show: false,
            },
             splitLine: {
            show: true,
            lineStyle: {
                type: 'dashed',
                color: 'rgba(33, 57, 93,.9)',
            },
        },
        },
    ],
    series: [
        {
            type: 'bar',
            data: data,
            barWidth: '30px',
            label:{
                
            },
            itemStyle: {
                normal: {
                    color: function (params) {
                        let colorArr = params.value > 0 ? ['#FF9A22', '#FFD56E'] : ['#FFD56E', '#FF9A22'];
                        return new echarts.graphic.LinearGradient(
                            0,
                            0,
                            0,
                            1,
                            [
                                {
                                    offset: 0,
                                    color: 'rgba(70, 157, 226)', // 0% 处的颜色
                                },
                                {
                                    offset: 1,
                                    color: 'rgba(70, 157, 226,.1)', // 100% 处的颜色
                                },
                            ],
                            false
                        );
                    },
                    // barBorderRadius: [30, 30, 0, 0],
                },
            },
         
        },
    ],
};