ChartJS - 有什麼方法可以刪除餅圖周圍的空白嗎？

我正在處理左右側有不需要間距的圖表。我一直在試圖刪除它沒有運氣，我不知道現在還有什麼要做。我已經徹底閱讀了文檔，但似乎無法找到解決方案。這可能嗎？如果需要更多信息，請告知我，我會提供。

編輯：

<div> 
<canvas id="chart-gender"></canvas> 
</div> 


<script> 
var gender_data = [10, 35]; 

var graph_gender_preset = { 
    labels: ["Female", "Male"], 
    datasets: [ 
     { 
      data: gender_data, 
      backgroundColor: ["#0fa0e3", "#ff3549"] 
     } 
    ] 
}; 

var ctx3 = $("#chart-gender"); 

var chart_gender = new Chart(ctx3, { 
type: 'doughnut', 
data: graph_gender_preset, 
options: { 
     responsive: true, 
     title: { 
      display: false, 
      position: "top", 
      fontStyle: "bold", 
      fontSize: 0, 
      fullWidth: false, 
      padding: 0 
     }, 
     legend: { 
      display: false, 
      position: "top", 
      fullWidth: false, 
      labels: { display: false, usePointStyle: true, fontSize: 15, fontStyle: "bold" } 

     } 
    } 
}); 
</script>

來源

2017-01-09 Pelle

我已經嘗試調整html元素的寬度本身，我試過爲圖表元素默認佔用空間的各種寬度和可見性設置，如圖例元素。 – Pelle

好的。從內存中使用一個'''canvas'''元素，是否正確？如果是這樣，我會嘗試調整畫布的寬度等。畫布是否直接在元素'''

正確。我試着改變畫布元素的大小。這不是問題。整個畫布變得越來越小，但我不想讓它變小，我只是希望周圍的空間消失。我檢查了這個元素，但沒有幫助。 – Pelle

的問題不是甜甜圈，它是在使用它的畫布。

甜甜圈必須使用二次方框，否則它看起來像省略號。所以如果你改變畫布的大小並使其成爲二次曲面，你將不再有任何邊界。這個是JS Fiddle example。

<table border="1"> 
    <tr> 
    <td> 
     First 
    </td> 
    <td> 
     <canvas width="100%" height="100%" id="myChart"></canvas> 
    </td> 
    <td> 
     Third 
    </td> 
    </tr> 
</table>

來源

2017-01-12 10:25:15 Oliver

謝謝！我只做了這沒有奏效，但忘記了這一點。 – Pelle

ChartJS - 有什麼方法可以刪除餅圖周圍的空白嗎？

回答

相關問題