Chart.js 条形图溢出其包含的元素答案

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

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

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

【问题讨论】：

【解决方案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;

【讨论】：