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

nwlls2ji 于 2023-10-18 发布在 Chart.js

关注(0)|答案(1)|浏览(206)

我用chart.js创建了多个图表。我希望网格左右对齐，以便比较x轴。由于LongCategoryName，图表未对齐。
Example of not aligned grids
我不知道在创建图表之前，我在图表中有哪些类别。有没有办法做到这一点？
链接到jsfiddle。
我发现这个post建议：

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

但对我来说，它只是对齐了规模的右侧，我需要双方对齐。

chart.js

来源：https://stackoverflow.com/questions/77050054/how-to-align-multiple-charts-with-chart-js

1条答案

按热度按时间

oprakyz71#

确保您需要将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;
  }
}

Demo @ JSFiddle

赞(0）回复(0）举报 2023-10-18

我来回答

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

1条答案

相关问题

热门标签

最新问答