Question

请参阅此代码：

我已将画布宽度设置为100％，填充为0，但在chart.js中似乎有一些内在填充。我已经查看了文档，但除了标签填充之外，我看不到任何对填充的引用。

我已尝试通过CSS进行编辑，但这似乎不会导致问题。

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

所以它可能是一个javascript画布渲染参数问题。

无法控制此填充，这使得设计可用的响应式网站变得非常痛苦。

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

我有d3的经验，但对于一个简单的饼图来说，这似乎有些过分。

Answer 1

找到答案 - 非常简单，只需将画布高度和宽度属性（非CSS参数）设置为所需的宽高比，然后自动调整大小，同时保持比率。