javascript - angular-chart.js - 定义设置 Y 轴宽度

Question

我正在使用angular-chart.js（它使用Chart.js）来创建一个条形图，下面还有一个表格显示相同的数据。

我遇到的问题是，当我更改正在显示的数据时，Y 轴标签会更改宽度并使所有内容不对齐，例如：

图表和表格在第一张图片中对齐，但是当数据发生变化时（最大 Y 轴标签 3 个字符从 4 个减少），它看起来像第二张图片。

我在 chart.js 文档中找不到任何内容，有没有办法可以全局设置 Y 轴标签的宽度？

Answer 1

实际上，我想我想出了一个非常基本和静态的方法来设置宽度。

在 chart.js（版本 1.0.2）中，第 1576 行：

this.yLabelWidth = (this.display && this.showLabels) ? longestText(this.ctx,this.font,this.yLabels) + 10 : 0;

我只是将其更改为静态数字“93”。

this.yLabelWidth = 93;

我敢肯定，只要稍微修改一下，我就可以称表中第一个单元格的宽度使它们都相同。