【发布时间】：2015-04-11 13:12:33
【问题描述】：
当使用chart.js 时没有在canvas 元素上设置任何宽度和高度，生成的饼图只有canvas 元素宽度的50%。这与条形图不同
最终我想在响应式仪表板上使用饼图，但只占用 50% 的宽度是对空间的无用浪费。
有谁知道它怎么能占据100%的宽度？
干杯
【问题讨论】：
标签： canvas charts responsive-design chart.js
【发布时间】：2015-04-11 13:12:33
【问题描述】：
chart.js 版本 3 修复了这个问题。
【讨论】：
您的饼图可以创建最大的圆圈，如果您希望它填满整个矩形，则需要它来打印椭圆。您可以给圆增加一些高度以使其增长，或者您可以给它更小的宽度并在它旁边放一些东西。我在 Android 中遇到了与 aChartEngine 相同的问题。
【讨论】：
-
我在 chart.js 中设置了“responsive:true”选项，这不会将宽度缩放到容器（本例中为页面）的 100% 并自动调整高度为相同的纵横比？
-
@JoshuaByer：好的，饼图的边界框肯定是一个矩形。但是你能帮助提问者回答吗？如果没有，您可能会将帖子移至评论而不是答案。 ;-)