title: Chart.js Doughnut with rounded edges
body: <p>I created a donut chart with Chart.js and I want it to have rounded edges at both ends.
  I want it to be like this:</p>
  
  <p><a href="https://i.stack.imgur.com/1nJMG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1nJMG.png" alt="The way I want it"></a></p>
  
  <p>But I have it like this, with sharp edges:</p>
  
  <p><a href="https://i.stack.imgur.com/RAU1A.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RAU1A.png" alt="I have this"></a></p>
  
  <p>The best I found was this answer: <a href="https://stackoverflow.com/questions/31582555/how-to-put-rounded-corners-on-a-chart-js-bar-chart">How to put rounded corners on a Chart.js Bar chart</a>, but it is for bar charts, and I have no clue of how to adapt it for doughnuts..</p>
  
  <p>Here is my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="modal-div-canvas js-chart"&gt;
    &lt;div class="chart-canvas"&gt;
       &lt;canvas id="openedCanvas" width="1" height="1"&gt;&lt;/canvas&gt;
          &lt;div class="chart-background"&gt;&lt;/div&gt;
              &lt;span class="chart-unique-value"&gt;
                   &lt;span class="js-count"&gt;
                      85
                   &lt;/span&gt;
                   &lt;span class="cuv-percent"&gt;%&lt;/span&gt;
              &lt;/span&gt;
          &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var deliveredData = {
          labels: [
              "Value"
          ],
          datasets: [
              {
                  data: [85, 15)],
                  backgroundColor: [
                      "#3ec556",
                      "rgba(0,0,0,0)"
                  ],
                  hoverBackgroundColor: [
                      "#3ec556",
                      "rgba(0,0,0,0)"
                  ],
                  borderWidth: [
                      0, 0
                  ]
              }]
      };
  
      var deliveredOpt = {
          cutoutPercentage: 88,
          animation: {
              animationRotate: true,
              duration: 2000
          },
          legend: {
              display: false
          },
          tooltips: {
              enabled: false
          }
      };
  
     var chart = new Chart($('#openedCanvas'), {
          type: 'doughnut',
          data: deliveredData,
          options: deliveredOpt
      });
  }};
  </code></pre>
  
  <p>Someone know how to do this?</p>