【问题标题】:angular-chart.js - define set Y axis widthangular-chart.js - 定义设置 Y 轴宽度
【发布时间】:2016-04-04 09:50:04
【问题描述】:
我正在使用angular-chart.js(它使用Chart.js)创建一个条形图,在它下面还有一个表格显示相同的数据。
我遇到的问题是,当我更改正在显示的数据时,Y 轴标签会更改宽度并导致所有内容不对齐,例如:
图表和表格在第一张图中对齐,但是当数据发生变化时(最大Y轴标签3个字符从4个减少),它看起来像第二张图。
我在 chart.js 文档中找不到任何内容,有没有办法可以全局设置 Y 轴标签的宽度?
【问题讨论】:
标签:
javascript
angularjs
charts
chart.js
angular-chart
【解决方案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;
我敢肯定,只要稍加修改,我就可以称表格中第一个单元格的宽度使它们都相同。