title: Inner Radius is not changed in Chart.js (Doughnut Chart)
body: <p>I am using Chart.js I want a half doughnut chart just like the image below. But I am failed to change the thickness of the pie. I tried the property innerRadius but still it's not working</p>
  
  <p><a href="https://i.stack.imgur.com/9W34o.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9W34o.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my code</p>
  
  <pre><code>public getHalfDoughnutChart(records) {
      let data = {
         labels: ["Worked Hours","Remaining Hours"],
         datasets: [{
         label: 'Today\'s Worked Hours',
         data: [records.length? records[0].duration.hour: 0,9],
         backgroundColor: [
            'rgba(75, 174, 79, 1)',
            'rgba(255, 255, 255, 0)'
         ]
       }]
   };
  
      let options = {
        circumference: Math.PI,
        rotation: 1.0 * Math.PI,
        innerRadius: "10%",
        legend: {
          display: false
        },
        layout:{
          padding:40
        }, 
      }
  
       return this.getChart(this.halfDoughnutCanvas.nativeElement, "doughnut", data, options);
    }
  
  
  
  getChart(context, chartType, data, options?) {
     return new Chart(context, {
        type: chartType,
        data: data,
        options: options
     });
  }
  </code></pre>