刪除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

回答