title: How to display the labels in doughnut chart using ng2 charts?
body: <p>I am using ng2 doughnut chart to display some items, Its all working fine as per the doughnut chart documentation but the thing i need to change is, the display of label of each slices comes only on hover but the thing i need is it should be in default in each slices.</p>
  
  <p>Dashboard.component.html: </p>
  
  <pre><code>&lt;canvas #mycanvas baseChart
      [data]="doughnutChartData"
      [labels]="doughnutChartLabels"
      [chartType]="doughnutChartType"
      [colors]="colors"
      [options]="options"
      (chartHover)="chartHovered($event)"
      (chartClick)="chartClicked($event)"&gt;
  &lt;/canvas&gt;
  </code></pre>
  
  <p>Dashboard.component.ts: </p>
  
  <pre><code>public doughnutChartLabels:string[] = ['Running', 'Stop', 'Idle'];
  public doughnutChartData:number[] = [1, 4, 5];
  public doughnutChartType:string = 'doughnut';
  public colors: any[] = [{ backgroundColor: ["#008000", "#FF0000", "#FFA500"] }];
  </code></pre>
  
  <p>The thing i am in the need is exactly as like in the image,</p>
  
  <p><a href="https://i.stack.imgur.com/jvXhq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/jvXhq.png" alt="enter image description here"></a></p>
  
  <p>The labels should be in default in each slices and the thing needs to be achieved only by using pure typescript and no javascript. Kindly help me to achieve the desired result.</p>