echarts横向柱状图一端圆形配置

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
      color: ['#959595'],
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        boundaryGap: [0, 0.01],
        show:false
    },
    yAxis: {
        type: 'category',
        data: ['人员A', '人员B', '人员C', '人员D', '人员E', '人员F', '人员G', '人员H', '人员I', '人员J'],
         axisLine:{
             show:false   //坐标轴
             
         },     
        axisTick:[{    //坐标轴小标记
            show:false
        }],
        
        inverse: true, //正序
        axisLabel:{
            textStyle:{
                 fontSize:'14'
            }
         }
    },
    series: [{
        name: '2011年',
        type: 'bar',
        barWidth : 30,
        label: {
            normal: {
                show: true,
                textStyle: {
                    color: '#959595',
                    fontSize: 14
                },
                position: 'right'
            }
        },
        itemStyle: {
            normal: {
                barBorderRadius:[0, 25, 25, 0],
                color: function(param) {
                    let colorList = [ "#c493ee", "#ff69b4" ]; 
                    let x = '';
                     param.dataIndex%2 ==0 ? x=1 : x=2;
                    if(x == '1') {
                       return colorList[0];
                    } else {
                        return colorList[1]
                    }
                    
                }
            }
        
        },
        data: [482, 490, 510, 518, 536, 557,612,650,630,750]
    }]
};
 

echarts横向柱状图一端圆形配置_第1张图片

你可能感兴趣的:(eCharts)