柱状图刻度

Posted 2021-09-22 Jay_帅小伙

var lb = []
var n =-0.5
let arr = [0,5,10,15,20,25]

for(let i=0;i<26;i++){
    
    lb[i]= arr.indexOf(i) !== -1 ? 3 : '1'
    n= Number((n+0.1).toFixed(1))
}
console.log('lb',lb)
option = {
        backgroundColor: new echarts.graphic.RadialGradient(0, 0, 0.8, [
            {
                offset: 0,
                color: '#FAFCFF',
            },
            {
                offset: 1,
                color: '#FAFCFF',
            },
        ]),
        tooltip: {
            trigger: 'axis',
            textStyle: {
                color: '#fff',
            },
        },
        grid: {
            // left: '200',
            right: '380',
            top: '40',
            bottom: '12%',
        },
        xAxis: [
            {
                type: 'category',
                show:false,
                boundaryGap: false,

                axisLine: {
                    show: true,
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff',
                    },
                },
                axisTick: {
                    show: true,
                },
            },
            {
              show: false,
              min: -5,
              max: 80,
              
            //   data: []
            }
        ],
        yAxis: [
            {
                show: false,
                splitLine: {
                    show: false,
                },
                min: 0,
                max: 2.5,
                maxInterval: 2,
                position: 'right'
            },
            {
              show: false,
              data: [],
              min: 0,
              max: 26,
              axisLine: {
                show: true
          }
    }, 
        ],
        series: [
            {
                zlevel: 1,
                type: 'bar',
                name: 'TIT',
                tooltip: {
                    show: true,
                },
                showBackground: true,

                backgroundStyle: {
                    color: 'green',
                    barBorderRadius: 50,

                },
                animation: false,
                barWidth: 40,
                hoverAnimation: false,
                data: [1.5],

                itemStyle: {
                    normal: {
                        barBorderRadius:[0,0,50,50],
                        color: 'yellow',
                        // opacity: 0.7,
                        label: {
                            show: false,
                        },
                        shadowColor: 'rgba(0, 0, 0, .2)',
                        // shadowBlur: 0,
                        // shadowOffsetY: 2,
                        // shadowOffsetX: 2,
                    },
                },
            },
            
            {
                name: '背景',
                type: 'bar',
                barWidth: 40,
                barGap: '-100%',
                data: [2],
                itemStyle: {
                    normal: {
                        color: 'pink',
                        barBorderRadius: 50
                    }
                }
            },
             {
                name: 'kedu',
                type: 'bar',
                yAxisIndex: 1,
                xAxisIndex: 1,
                data: lb,
                label:{
                    normal:{
                        show:true,
                        position:'right',
                        distance:10,
                        color: 'red',
                        fontSize: 14,
                        formatter: function(params) {
                            console.log('---',arr.indexOf(params.dataIndex) )
                          if(arr.indexOf(params.dataIndex) !==-1){
                              return lb[params.dataIndex]
                          }else{
                              return ''
                          }
                        }
                    }
                },
                
                barWidth:1
            },
        ],
    };