echarts 隐藏y轴x轴刻度

以你之姓@ 2022-12-09 01:54 366阅读 0赞

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center]  
options的设置

option = { 
        title: { 
            text: '已报到情况 '
        },
        tooltip: { 
            trigger: 'axis',
            axisPointer: { 
                type: 'shadow'
            }
        },
        grid: { 
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: { 
            type: 'value',
            show:false
            
        },
        yAxis: { 
            axisLine: { 
                show: false
            },
            axisTick: { 
                show: false
            },
            data: ['巴西', '印尼', '美国', '印度', '中国']
        },
        series: [
            { 
                name: '已到达',
                type: 'bar',
                stack:"one",
                barMaxWidth:"20",
                itemStyle:{ 
                  color:"#2C9DFF",
                  barBorderRadius:[10,0,0,10]
                },
                label:{ 
                  show:true,
                  position:"insideRight"
                },
                backgroundColor:'#E7E7E7',
                data: [12, 14, 40, 50, 80]
            },
            { 
                name: '总数',
                type: 'bar',
                stack:"one",
                barMaxWidth:"20",
                itemStyle:{ 
                 barBorderRadius:[0,10,10,0],
                 color:"#E7E7E7",
                },
                label:{ 
                  show:true,
                  position:"right",
                  color:"#000"
                  
                },
                data: [100, 20, 100, 500, 70]
            }
        ]
    };

重点字段:

yAxis: { 
            axisLine: { 
                show: false
            },
            axisTick: { 
                show: false
            },
        },

x轴如何需要文字不需要刻度同理

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/fb2eedb34cad4b9eb7bf8e96f7122906.png