Echarts 柱形图label 数值显示的顶部位置不超过y轴最大值的水平位置

要实现这个需求，你可以通过设置 label 的 formatter 函数和 position 函数来实现。假设你的柱形图的 y 轴最大值为 max，那么你可以这样设置 formatter 函数和 position 函数：

option = {
  // 其他配置项...
  series: [{
    type: 'bar',
    // 其他配置项...
    label: {
      show: true,
      position: function(params) {
        // 如果当前柱形的数值大于 y 轴最大值，将 label 显示在 y 轴最大值的水平位置上
        if (params.value > max) {
          var coord = chart.convertToPixel('grid', [params.dataIndex, max]);
          return [coord[0], coord[1]];
        } else {
          return 'top';
        }
      },
      formatter: function(params) {
        if (params.value > max) {
          return '{a|' + max + '}\n{b|' + params.name + '}';
        } else {
          return params.value;
        }
      },
      rich: {
        a: {
          fontSize: 14,
          fontWeight: 'bold',
          color: '#c23531'
        },
        b: {
          color: '#999',
          fontSize: 12,
          lineHeight: 20
        }
      }
    }
  }]
};

上面的代码中，position 函数首先判断当前柱形的数值是否大于 y 轴最大值 max，如果是，则使用 `chart.convertToPixel` 方法将当前柱形在图表中的坐标转换为像素坐标，然后返回一个数组 [coord[0], coord[1]]，表示将 label 显示在当前柱形的上方，并且与 y 轴最大值处于同一水平线上；如果不是，则返回字符串 'top'，表示将 label 显示在当前柱形的顶部。

需要注意的是，`chart.convertToPixel` 方法需要传入两个参数：第一个参数是 'grid'，表示将坐标转换为在 grid 区域内的像素坐标；第二个参数是一个数组，表示要转换的坐标。另外，如果你的 y 轴最大值是动态计算的，那么你需要在每次更新数据之后重新设置 label 的 formatter 函数和 position 函数。