echars柱状图

莫天赐

已于 2022-09-25 19:36:08 修改

阅读量168

点赞数

文章标签： javascript 开发语言

于 2022-09-25 19:12:50 首次发布

本文链接：https://blog.csdn.net/m0_54570434/article/details/127041452

版权

1.让y轴的初始坐标不显示看(1)(2)

  yAxis: {
        axisTick: {
          //y轴刻度线
          show: false,
        },
        axisLine: {
          //     //y轴线
          show: false,onZero: true
        },
        type:'category',   //(1)类目轴,如果是'value'是控制不了我们固定显示值的
        splitLine: {   (3)设置了type:'category' 要设置这个 不然不显示 y线
          // 表格里面Y轴线条
          show: true,
          
        },
        axisLabel: {
          show: true,
          interval: "auto",
          margin: -8, //设置y轴刻度位置
          align: "left",
          padding: [3, 4, -10, -10],
          formatter: (val)=>{
            if(val){
              return val+"%"
            }
          },
         
        }, 
        boundaryGap : false,//(2)让其刻度在轴线上，不是在中间
        data : ['', '10', '20', '30', '40', '50']
      },