echarts 隐藏y轴x轴刻度

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

效果图
在这里插入图片描述
options的设置

  1. option = { 
  2.     title: { 
  3.         text: '已报到情况 '
  4.     },
  5.     tooltip: { 
  6.         trigger: 'axis',
  7.         axisPointer: { 
  8.             type: 'shadow'
  9.         }
  10.     },
  11.     grid: { 
  12.         left: '3%',
  13.         right: '4%',
  14.         bottom: '3%',
  15.         containLabel: true
  16.     },
  17.     xAxis: { 
  18.         type: 'value',
  19.         show:false
  21.     },
  22.     yAxis: { 
  23.         axisLine: { 
  24.             show: false
  25.         },
  26.         axisTick: { 
  27.             show: false
  28.         },
  29.         data: ['巴西', '印尼', '美国', '印度', '中国']
  30.     },
  31.     series: [
  32.         { 
  33.             name: '已到达',
  34.             type: 'bar',
  35.             stack:"one",
  36.             barMaxWidth:"20",
  37.             itemStyle:{ 
  38.               color:"#2C9DFF",
  39.               barBorderRadius:[10,0,0,10]
  40.             },
  41.             label:{ 
  42.               show:true,
  43.               position:"insideRight"
  44.             },
  45.             backgroundColor:'#E7E7E7',
  46.             data: [12, 14, 40, 50, 80]
  47.         },
  48.         { 
  49.             name: '总数',
  50.             type: 'bar',
  51.             stack:"one",
  52.             barMaxWidth:"20",
  53.             itemStyle:{ 
  54.              barBorderRadius:[0,10,10,0],
  55.              color:"#E7E7E7",
  56.             },
  57.             label:{ 
  58.               show:true,
  59.               position:"right",
  60.               color:"#000"
  62.             },
  63.             data: [100, 20, 100, 500, 70]
  64.         }
  65.     ]
  66. };

重点字段:

  1. yAxis: { 
  2.         axisLine: { 
  3.             show: false
  4.         },
  5.         axisTick: { 
  6.             show: false
  7.         },
  8.     },

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

发表评论

表情：
评论列表 （有 0 条评论，516人围观）

还没有评论，来说两句吧...

相关阅读