【问题标题】:Chart.js bar chart is overflowing its containing elementChart.js 条形图溢出其包含的元素
【发布时间】:2014-07-27 04:58:31
【问题描述】:

Chart.js

padding 应用于容器时,我无法让这个愚蠢的图表留在它的容器中。 responsive 选项是否设置为 true 无关紧要。

我将box-sizing 设置为什么也没关系。如果不适合它的容器,responsive 选项的目的是什么?

【问题讨论】:

  • 遇到同样的问题。我认为 Chart.js 不能正确计算画布的尺寸。如答案中所述,另一个没有任何填充的容器将解决问题。

标签: javascript jquery charts chart.js


【解决方案1】:

与大多数 CSS 一样,答案是使用另一个包装器!

我遇到了同样的问题(我正在使用盒子大小)

只需在画布周围放置一个 div! (div 将继承框大小)

<div>
  <canvas></canvas>
</div>

祝你好运

:)

【讨论】:

    【解决方案2】:

    这将解决问题

    Javascript:

    new Chart(ctx).Line(data, {
        responsive:true,
        maintainAspectRatio: false
    });
    

    ES6

    Chart.defaults.global.responsive = true;
    Chart.defaults.global.maintainAspectRatio = false;
    

    【讨论】:

      猜你喜欢
      • 2021-05-05
      • 2023-03-16
      • 2022-06-23
      • 2016-12-30
      • 1970-01-01
      • 1970-01-01
      • 2020-04-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多