对高图表中直方图的 x 轴标签进行分组

Question

需要合并高图表中直方图的 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/

原料药：https://api.highcharts.com/highcharts/xAxis.labels.formatter

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