如何获取图表最小Y值？及特定数值取整方法的实现疑问

一、实现你需要的自定义数值取整规则 #

先拆解你给出的例子规律：

• 1位数（如5）→ 取1
• 2位数（如12）→ 保留十位数字，后面补0（10）
• 3位及以上数字（如128、1493、13301）→ 保留前两位数字，后面补0（120、1400、13000）

基于这个规律，我写了一个JavaScript函数，完美匹配你的需求：

function customRound(x) {
  // 处理小于1的数值，可根据自身需求调整返回值
  if (x < 1) return 0;
  
  const log10X = Math.floor(Math.log10(x));
  const power = Math.pow(10, log10X);
  
  if (log10X === 0) {
    // 1位数直接返回1
    return 1;
  } else if (log10X === 1) {
    // 2位数取十位数字×10
    return Math.floor(x / power) * power;
  } else {
    // 3位及以上取前两位数字×对应位数的10的幂
    const reducedPower = Math.pow(10, log10X - 1);
    return Math.floor(x / reducedPower) * reducedPower;
  }
}

// 测试你的示例数据
console.log(customRound(5));      // 1
console.log(customRound(12));     // 10
console.log(customRound(128));    // 120
console.log(customRound(1493));   // 1400
console.log(customRound(13301));  // 13000

这个函数逻辑清晰，你可以直接复用，也能根据自己的业务场景微调细节。

二、获取图表的最小Y值 #

获取最小Y值分两种场景，取决于你需要的是原始数据的最小值还是图表渲染后刻度的最小值：

1. 获取原始数据的最小Y值 #

如果只是想拿到数据集里的最小Y值，直接用Math.min()遍历数组即可：

// 假设你的Y轴数据是一个数组
const yDataset = [5, 12, 128, 1493, 13301];
const minYValue = Math.min(...yDataset);
console.log(minYValue); // 输出：5

2. 获取图表渲染后的最小刻度值 #

如果你用的是第三方图表库（比如Chart.js、ECharts、Highcharts），可以通过库提供的API获取实际渲染的Y轴最小刻度：

• Chart.js：通过图表实例的scales属性获取

  const chart = new Chart(ctx, {...});
  const minYScale = chart.scales.y.min;
  

• ECharts：通过实例的模型组件获取

  const myChart = echarts.init(dom);
  const minYScale = myChart.getModel().getComponent('yAxis', 0).axis.scale._extent[0];
  

• Highcharts：直接访问Y轴实例的min属性

  const chart = Highcharts.chart('container', {...});
  const minYScale = chart.yAxis[0].min;
  

如果你的图表库不在上述列表里，一般都能在官方文档中找到获取轴刻度范围的API，核心思路是访问图表实例的Y轴配置或模型数据。

内容的提问来源于stack exchange，提问作者MePo