图表类可能遇到需求,需要你动态设定纵坐标最大最小值,但是可能最大最小值相差值无法均匀分开几个间隔,现提出一个解决方案

7 篇文章 0 订阅

1.定义两个最大最小值用于后面配置图表最大最小值

var MaxValue = 给定的值或者接受到的值

var MinValue = 给定的值或者接受到的值

//以下因为需求,当最大最小值出现小于0的情况,就赋值为0

if(MaxValue <0 ){

       MaxValue = 0

}

if(MinValue <0 ){

       MinValue = 0

}

2.保持在设定的最少和最多间距份数之间

var minsplitNumber = 5 //最少间距份数
var maxsplitNumber = 9 //最多间距份数
var splitNumber=minsplitNumber
for(var i=minsplitNumber;i<=maxsplitNumber;i++)

{

    if((MaxValue - MinValue) % i==0)

     {

              splitNumber =  i

              break

      }

}

3.最后设定纵坐标的min,max,interval

yAxis: {
              name: yaxisName,
              splitLine: {
                show: true,
                lineStyle: {
                  width: 2
                }
              },
              minorSplitLine: {
                show: true
              },
              min: MinValue, 
              max: MaxValue,
              interval: Math.ceil((MaxValue - MinValue) / splitNumber) // 向上取整 
            }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值