title: How to set cutout on doughnut chart using ng2-charts?
body: <p>I need some help figuring out how to set config options on my doughnut chart using ng2-charts. In particular, I would like to set the cutout property on my chart. I have read all the documentation both from <strong>charts-js</strong> and <strong>ng2-charts</strong>, but unfortunately did not find a working solution.</p>
  <p>The error that the console throws is</p>
  <blockquote>
  <p>Type '{ options: { cutout: number; }; }' is not assignable to type '_DeepPartialObject&lt;CoreChartOptions &amp; ElementChartOptions &amp; PluginChartOptions&lt;...&gt; &amp; DatasetChartOptions&lt;...&gt; &amp; ScaleChartOptions&lt;...&gt;&gt;'.</p>
  </blockquote>
  <p>Here are my html and ts files:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {
    Component
  } from '@angular/core';
  import {
    ChartData,
    ChartType,
    ChartOptions
  } from 'chart.js';
  @Component({
    selector: 'app-summary-chart',
    templateUrl: './summary-chart.component.html',
    styleUrls: ['./summary-chart.component.scss']
  })
  export class SummaryChartComponent {
  
    // Doughnut
    doughnutChartType: ChartType = 'doughnut';
    doughnutChartLabels: string[] = ['Tickets', 'Free sales'];
    doughnutChartData: ChartData &lt; 'doughnut' &gt; = {
      labels: this.doughnutChartLabels,
      datasets: [{
        data: [60, 40],
        backgroundColor: ["#ef2c49", "#1c4d86"],
        rotation: 90,
      }, ],
    };
  
    // TODO resolve type ChartOptions not working
    doughnutChartOptions: any = {
      cutout: "70%"
    }
  
    // ---------------------------------------------------- THIS DOES NOT WORK
    public DonutChartOptions: ChartOptions = {
      options: {
        cutout: "70%"
      }
    };
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="chart-wrapper"&gt;
    &lt;canvas baseChart [data]="doughnutChartData" [type]="doughnutChartType" [labels]="doughnutChartLabels" [options]="doughnutChartOptions"&gt;&lt;/canvas&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>