title: How to set the size of the arc in ChartJS?
body: <p>I can’t set the arc size for the chart. How to set the size of the arc? Also, I can’t make the animation work, although I took an example from the official documentation :/</p>
  
  <p><a href="https://i.stack.imgur.com/QIGH2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QIGH2.png" alt="enter image description here"></a></p>
  
  <p>Here is my code:</p>
  
  <pre><code>var ctx = document.getElementById('myChart-&lt;%= ChartId %&gt;').getContext('2d');
  
  var myChart = new Chart(ctx, {
   type: 'doughnut',
   data: {
       datasets: [{
           data: [
               11,69,20
           ],
           backgroundColor: [
               "#ffb74d",
               "#4db6ac",
               "#bf360c"
           ]
       }]
   },
   options: {
       tooltips: {
            enabled: false
       },
       plugins: {
           labels: {
               render: 'percentage',
               precision: 2,
               showZero: true,
               fontSize: 30,
               fontColor: ['#2c405a', '#2c405a', 'white'],
               fontFamily: "PTSansBold",
           }
       },
       animation: {
           duration:5000
       }
   }
  });
  
  </code></pre>