删除chart.js之图填充

我设置画布宽度为100％，并填充为0，但似乎在图表工作某种内在填充.js文件。我查看了文档，但除了标签填充之外，我看不到任何对填充的引用。

我试过编辑它通过CSS，但似乎并没有造成问题。

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

所以它可能是一个javascript canvas rendering参数的问题。

无法控制此填充使设计一个可用的响应站点完全痛苦。

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

我有d3的经验，但这似乎是一个简单的饼图矫枉过正。

2017-01-09 Satki

删除整个像素的填充不是创建响应模板的解决方案。为什么你要让图形一路走到边缘看起来很糟糕。 –

不是我问的问题。 Chart.js生成宽度的图表实际上是类似于画布宽度的50％。我想知道是否有一种方法可以将图表宽度增加到画布宽度的90％。它并不是一个真正的CSS问题，可能更多的是与画布渲染函数有关。将编辑问题。 – Satki

你不能在一个宽的矩形中放置一个圆，并期望它一直走到边缘。那不是，圆圈是如何工作的。一般来说，它们是圆的。然而，如果你缩小窗口的大小，图例几乎可以一直走到边缘。 –

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

2017-01-09 19:55:59 Satki

回答