javascript - 对 Highcharts 中直方图的 x 轴标签进行分组

Question

需要合并 highcharts 中直方图的 x 轴标签。前两个条形图应具有标签(组 1)，第三个条形图应具有标签(组 2)，最后两个条形图应具有组 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