如何使用Chart.js对齐多个图表

Question

我创建了多个图表，chart.js 位于彼此下方。我希望网格左右对齐，以便于比较 x 轴。由于

LongCategoryName

，图表未对齐。

在创建图表之前我不知道图表中有哪些类别。有没有办法实现这个目标？
链接到jsfiddle。

我发现这个帖子建议：

afterFit(scale) {
  scale.width = 90;
},

但对我来说，它只是对齐秤的右侧，我需要两侧对齐。

Answer 1

确保您需要将

afterFit

方法应用于

y2

轴。

y2: {
  type: "category",
  labels: [],
  offset: true,
  position: 'left',
  stack: 'demo',
  stackweight: 1,
  grid: {
    drawOnAreaChart: false
  },
  title: {
    display: true,
    text: "Dataset"
  },
  afterFit(scale) {
    scale.width = 90;
  }
}

演示@JSFiddle