首页 文章

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

提问于
浏览
0

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

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

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

enter image description here

enter image description here

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

1 回答

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

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

相关问题