ChartJS - 円グラフの周りの空白を取り除く方法はありますか？

Question

私は、左右に不必要な間隔を持つチャートを扱っています。私は運がないとそれを削除しようとしていた、と私は今何をするか分からない。私はドキュメントを徹底的に読みましたが、解決策を見つけることができません。これは可能ですか？もっと情報が必要な場合は教えてください。私はそれを提供します。

編集：

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

Answer 1

問題はドーナツではありませんが、それはそれが使用されるキャンバスです。

ドーナツは2次ボックスを使用する必要があります。そうでない場合は、省略記号のように見えます。したがって、キャンバスのサイズを変更して二次的にすると、ボーダーはもうありません。

ここには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>