echartsY轴强制平分N段间隔

10 篇文章 0 订阅
7 篇文章 0 订阅
在程序开发中,为使图形界面更美观,通常会将Y轴刻度平分为4-7份。此博客介绍了如何处理最大值和最小值,确保最大值不顶格,并考虑负数情况。通过向上或向下取整,计算出等分间隔,以实现平分轴刻度。具体实现包括获取最大和最小值,乘以1.1并进行取整,然后根据这些值平分轴的等分间距。
摘要由CSDN通过智能技术生成

程序开发时,为了美观图形,一般选择只显示平分4-7份

例:平分4份

 实现要求

2、最大值不顶格(最大值乘以1.1)

2、考虑到负数情况,所以向上和向下取整,实现代码如下

const data = [.......] // 其他数组
const list = [0,2,4,5,7,8,9,54, ...data] // 拿到所有数组最大值和最小值
const maxNum = Math.max(...list) > 0 ?
      Math.ceil(Math.max(...list)*1.1) : 
      Math.floor(Math.max(...list)*1.1);
const minNum = Math.min(...list) > 0 ?
      Math.ceil(Math.min(...list)) : 
      Math.floor(Math.min(...list));
const intervalNum = (maxNum - minNum) / 4; // 配置需要平分的份数

yAxis: {
        name: '值',
        type: 'value',
        max: maxNum,  // 最大值
        min: minNum,  // 最小值
        setInterval: intervalNum,  // 平分等分关键
        ....
    },

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天气晚来秋~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值