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

时间:2015-12-30 12:03:52

标签: javascript angularjs charts chart.js angular-chart

我正在使用angular-chart.js(使用Chart.js)来创建条形图,此下还有一个表格显示相同的数据。

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

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

enter image description here enter image description here

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

1 个答案:

答案 0 :(得分:0)

实际上,我认为我找到了一种非常基本的静态方法来设置宽度。

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

我确定稍微修补一下,我可以调用表格中第一个单元格的宽度,使它们都相同。