将x轴标签分组为高位图中的直方图

Question

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

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

labels: {
            step: 2
        }

https://jsfiddle.net/wacuk528/

Answer 1

要实现它，您需要使用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