echarts图表中Y(y)轴间距固定,等间距,刻度固定,设置最大值、最小值

echarts图表中Y(y)轴间距固定,等间距,刻度固定,设置最大值、最小值
echarts

正确的写法interval: 2.5指定刻度间隔,我的间距2.5 、5、7.5、10、12.5,所以需要改成这种。如果你是

yAxis: {
   name: '退款率%',
   type: 'value',
   min: 2.5,
   max: 12.5,
   interval: 2.5 // 指定刻度间隔
 },
如果你是从最小0开始,到最大值100,间距为20,则可以设置成以下写法
yAxis: {
   name: '退款率%',
   type: 'value',
   min: 0,
   max: 100,
   interval: 20 // 指定刻度间隔
 },

以下是我刚开始的写法,是错误写法哦。

以为设置最小值和最大值就可以了,但其实不然。

yAxis: {
  name: '退款率%',
  type: 'value',
  min: 2.5,
  max: 12.5
},

后面查完之后又改成这种的,但也不对,注意这是不对的,避免踩坑

yAxis: {
  name: '退款率%',
  type: 'value',
  min: 2.5,
  max: 12.5,
  boundaryGap: [0, 0.01],
  axisTick: {
    show: true, // 显示刻度
    interval: 2.5 // 指定刻度间隔
  },
  axisLabel: {
    formatter: function(value, index) {
      // 自定义标签的显示格式
      if (value === 2.5 || value === 5 || value === 7.5 || value === 10 || value === 12.5) {
        return value.toFixed(1); // 只显示指定的刻度值,保留一位小数
      } else {
        return ''; // 非指定刻度值不显示标签
      }
    }
  }
}

刚开始是这样的,设置的间距不固定,正确应该是纵坐标值固定:2.5 、5、7.5、10、12.5,弄成这种间距固定的

echarts

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值