Highcharter图表X轴标签无法与柱状图居中对齐求助

问题背景 #

使用Highcharter绘制分组柱状图时，每个样本名称（X轴标签）无法与对应柱子居中对齐，尝试hc_xAxis(labels=list(align="center"))、dataLabels等配置均未解决问题。

可复现代码 #

library(tidyverse)
library(highcharter)

df <- data.frame(
  "sample"=c("sample 1","sample 2","sample 3","sample 4","sample 5","sample 6","sample 7","sample 8"),
  "sexe"=c("F","F","F","F","M","M","M","U"),
  "value"=c(12,14,8,10,8,6,5,12)
)

mybarplot <- df %>%
  hchart('column', hcaes(x = sample, y = value, group=sexe)) %>%
  hc_title(text="test column") %>%
  hc_plotOptions(column = list(pointWidth = 50))

解决思路与方案 #

问题核心在于分组柱状图默认将同组柱子围绕X轴刻度分布，当每个X轴类别仅对应单个柱子时，标签会与柱子位置错位。提供两种可行方案：

方案1：关闭分组布局（推荐） #

关闭分组后，每个柱子直接对应X轴刻度位置，配合标签居中设置即可对齐：

mybarplot <- df %>%
  hchart('column', hcaes(x = sample, y = value, group=sexe)) %>%
  hc_title(text="test column") %>%
  hc_plotOptions(
    column = list(
      pointWidth = 50,
      grouping = FALSE,  # 关闭分组，让柱子与刻度一一对应
      pointPadding = 0   # 移除柱子与刻度间的额外间距
    )
  ) %>%
  hc_xAxis(
    labels = list(
      align = "center",
      x = 0  # 若仍有偏移，可微调此值（正数右移，负数左移）
    )
  )

方案2：保留分组，调整标签偏移 #

若需保留分组逻辑，可通过调整标签偏移量匹配柱子中心：

mybarplot <- df %>%
  hchart('column', hcaes(x = sample, y = value, group=sexe)) %>%
  hc_title(text="test column") %>%
  hc_plotOptions(
    column = list(
      pointWidth = 50,
      groupPadding = 0  # 分组内间距设为0，减少错位空间
    )
  ) %>%
  hc_xAxis(
    labels = list(
      align = "center",
      x = 25  # 偏移量设为柱子宽度的一半（50/2=25），让标签对齐柱子中心
    )
  )

说明 #

• 方案1适用于每个X轴类别仅对应单个柱子的场景，布局更直观
• 方案2适用于需要保留分组配置的场景，需根据柱子宽度微调偏移量

内容的提问来源于stack exchange，提问作者Fabrice