echarts 解决折线图当数据比较接近时,看不出来折线变化

echarts 解决折线图当数据比较接近时,看不出来折线变化

在这里插入图片描述

计算出y轴的 min, max, interval

// y轴测试数据
const yData = [10.5, 11.5, 10.1, 9.4, 8.6, 11.1, 12.1,10.2]
let max = yData.length > 0 ? yData.reduce((a, b) => Math.max(a, b)) : ''
let min = yData.length > 0 ? yData.reduce((a, b) => Math.min(a, b)) : 0
let interval = 10.0
function calculateAverage(arr) {
    if (arr && arr.length > 0) {
      let sum = 0
      arr.forEach((element) => {
        sum += Number(element)
      })
      return sum / arr.length
    }
    return 0
}
const avg = calculateAverage(yData)
if (yData.length > 0) {
    max = Number(yData[0])
    min = Number(yData[0])
    yData.forEach((item) => {
      if (Number(item) > max) {
        max = Number(item)
      }
      if (Number(item) < min) {
        min = Number(item)
      }
    })
    if (max - avg <= 2 && avg - min <= 2) {
      max = max + 1
      min = min - 1
      interval = 0.5
    }
}

console.log( min, max, interval)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

代码工人笔记

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

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

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

打赏作者

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

抵扣说明:

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

余额充值