Highcharts Gantt 固定左轴宽度作为表格列

Question

我使用 Highcharts（甘特图模块）生成一个甘特资源管理图表，其中左轴作为表格。 它工作得很好，但是，出于与其他图表的特定对齐原因，我需要修复此左轴列的宽度（宽度比内部最长的标签更大）。 我怎样才能做到这一点？

我在 Y 轴或 gridColumns/label 设置中尝试了

width: 250,

设置，但它没有改变任何内容。

可以在此处查看图表示例：https://jsfiddle.net/vegaelce/ryfmzxpe/3/ 在此示例中，我希望“资源”列具有 250 像素的固定宽度（例如）。

Answer 1

没有直接的方法来设置列的宽度。报告的功能请求：https://github.com/highcharts/highcharts/issues/20277

但是，列的宽度会根据其内容进行调整，因此您可以增加单个标签的宽度。例如：

labels: {
  useHTML: true,
  formatter: function () {
    if (this.value === "Group A") {
      return `<div style="width: 250px;">${this.value}</div>`;
    }

    return this.value;
  }
}

---

现场演示：https://jsfiddle.net/BlackLabel/z8kfb0p2/

API 参考： https://api.highcharts.com/highcharts/yAxis.labels