【问题标题】: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;
    

    我敢肯定,只要稍加修改,我就可以称表格中第一个单元格的宽度使它们都相同。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-10
      相关资源
      最近更新 更多