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

Question

我正在使用 angular-chart.js (which uses Chart.js) 创建一个条形图，下面还有一个 table 显示相同的数据。

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

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

我在 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;

我敢肯定，只要稍加修改，我就可以调用 table 中第一个单元格的宽度，使它们相同。