删除Chart.js图表​​填充

Question

看到这个codepen：

https://codepen.io/anon/pen/xgwjMd

我已经将画布宽度设置为100％，并将padding设置为0，但是chart.js中似乎有一些固有的填充在起作用。 我已经浏览了文档，但是除了标签填充之类的东西以外，我看不到任何对填充的引用。

我尝试通过CSS对其进行编辑，但这似乎并未引起问题。

canvas {
  width:100%;
  height: auto;
  margin:0;
  padding:0;
}

因此，这可能是JavaScript画布渲染参数问题。

无法控制此填充会使设计可用的响应站点变得很痛苦。

如果没有解决方案，是否有人对响应式站点有用的替代javascript图表包有任何建议？

我有d3的经验，但是对于简单的饼图来说，这似乎有点过头了。

Answer 1

找到了答案-非常简单，只需将画布的高度和宽度属性（不是CSS参数）设置为所需的宽高比，然后在保持该比例的同时自动调整尺寸。