title: ChartJS – is there any way to remove blank space around pie charts?
body: <p><img src="https://i.stack.imgur.com/JTXIj.png" alt="Pie chart"></p>
  
  <p>I am dealing with a chart that has unwanted spacing on left and right side. I've been trying to remove it with no luck, and I don't know what else to do now. I've read the documentation thoroughly, but can't seem to find a solution.  Is this possible to do? Let me know if more info is necessary, and I'll supply it.</p>
  
  <p>Edit:</p>
  
  <pre><code>&lt;div&gt;
  &lt;canvas id="chart-gender"&gt;&lt;/canvas&gt;  
  &lt;/div&gt;
  
  
  &lt;script&gt;
  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" }
  
          }
      }
  });
  &lt;/script&gt;
  </code></pre>