javascript - 在高位图中将x轴标签分组为直方图

需要合并高图中直方图的x轴标签。前两个栏的标签应为（Group 1），第三个栏的标签应为（Group 2），最后两个栏的标签应为Group 3。

步骤是我从文档中找到的唯一内容，但不符合我的要求。如果有人有想法，请告诉我。

labels: {
            step: 2
        }

https://jsfiddle.net/wacuk528/

最佳答案

为此，您需要使用tickPositions功能定位这些价格变动，然后通过使用labels.formatter功能将下一个所需值设置为按标签显示。

码：

  xAxis: {
    tickPositions: [0.5, 2, 3.5],
    crosshair: true,
    labels: {
      formatter() {
        let value = Math.floor(this.value);

        if(!value) {
            value = 1
        }
        return 'group ' + value
      }
    }
  },

演示：https://jsfiddle.net/BlackLabel/ynj9ka4w/

API：https://api.highcharts.com/highcharts/xAxis.labels.formatter

API：https://api.highcharts.com/highcharts/xAxis.tickPositions