Javascript 如何向Highcharts中的分组条形图添加标记？

我正在使用Highcharts创建一个分组条形图，并希望为每个条形图添加标记

我已经创建了一个多系列的条形图+散点图，与我想要的类似，但由于没有分组散点图，圆圈标记位于下面的居中屏幕截图

有没有办法更改它，使标记与条形图显示在同一行上

海图配置

---

为点设置x值。默认情况下，散布的x值为整数-0、1、2，因此它们根据类别居中。您可以将它们稍微移动0.15，然后在pointFormatter中围绕这些值

    series: [{
  name: '2015',
  data: [7, 8, 9]
}, {
  name: '2015 Goal',
  marker: {
    symbol: 'circle'
  },
  data: [
    [-0.15, 5],
    [1 - 0.15, 6],
    [2 - 0.15, 6]
  ],
  type: 'scatter'
}, {
  name: '2016',
  data: [9, 9, 10]
}, {
  name: '2016 Goal',
  marker: {
    symbol: 'circle'
  },
  data: [
    [0.15, 10],
    [1 + 0.15, 12],
    [2 + 0.15, 13]
  ],
  type: 'scatter'
}]

在pointFormatter中：

    plotOptions: {
  scatter: {
    tooltip: {
      pointFormatter: function() {
        return `x: <b>${Math.round(this.x)}</b><br/>y: <b>${this.y}</b><br/>`
      }
    }
  }
},

例如：

    plotOptions: {
  scatter: {
    tooltip: {
      pointFormatter: function() {
        return `x: <b>${Math.round(this.x)}</b><br/>y: <b>${this.y}</b><br/>`
      }
    }
  }
},