目前我的Highcharts热图看起来像这样：

有没有办法在y轴标签下面添加一个边框，使其看起来像这样？

的
首先，我想尝试使用formatter（）函数，并给予样式的标签与边界底部。但在使用formatter的标签不停留在一条线上的热图，并显示一点以上。使用边距或偏移量不会有帮助，因为我们有动态数量的y轴标签用于不同的目的。

下面是我正在尝试的代码：

yAxis: {
    min: 0,
    max: caregap_nm.length - 1,
    categories: ['APPLES', 'ORANGES', 'PEARS', 'GUAVA', 'GRAPES', 'MELONS'],
    reversed: true,
    title: {
      align: 'high',
      offset: 0,
      text: '',
      rotation: 0,
      y: -20,
      x: -25,
      style: {
        fontSize: '16px',
        fontWeight: 600,
      },
    },
    labels: {
      useHTML: true,
      align: 'left',
      x: -100,
      style: {
        fontSize: '14px',
        fontWeight: 400,
      },
      formatter() {
        return `<div class="cg-y-labels"><span>${this.value}</span></div>`;
      },
    },
  },

字符串