使用echarts等图表时，y轴动态赋值

最新推荐文章于 2023-06-14 08:18:27 发布

原创最新推荐文章于 2023-06-14 08:18:27 发布 · 1.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

本文介绍了一种处理图表Y轴最大值的算法，通过该算法可以将数值进行合理的向上取整，确保图表的美观性和数据的易读性。算法首先判断数值大小，然后根据数值的位数进行处理，最后返回处理后的数值。

// 对y坐标轴的max进行处理
// 12 ==> 15
// 410 ==> 450
// 471 ==> 500
// ....
function ceilMax(num) {
  if (num <= 10) return 10;
  let numL = Math.ceil(num).toString().length;
  let oNum = Math.round(num / Math.pow(10, numL - 1)) * Math.pow(10, numL - 1);

  return oNum > num ? oNum : oNum + 0.5 * Math.pow(10, numL - 1);
}