欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts 隐藏y轴x轴刻度

程序员文章站 2022-07-14 22:59:36
...

效果图
echarts 隐藏y轴x轴刻度
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轴如何需要文字不需要刻度同理