我正在使用angular-chart.js(使用Chart.js)来创建条形图,此下还有一个表格显示相同的数据。
我遇到的问题是当我更改正在显示的数据时,Y轴标签会改变宽度并使所有内容不对齐,例如:
图表和表格在第一张图片中对齐,但是当数据发生变化时(最多Y轴标签3个字符从4减少),它看起来像第二张图片。
我在chart.js文档中找不到任何内容,有没有办法可以全局设置Y轴标签的宽度?
答案 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;
我确定稍微修补一下,我可以调用表格中第一个单元格的宽度,使它们都相同。