title: Show labels in stacked bar chart with Ng2Charts
body: <p>i have an Anuglar6 project with a stacked bar chart actually build with Ng2Charts.
  Is it possible to show the values within each sections of one stack ?</p>
  
  <p>And if not, does anyone know a angular2 module which make this possible ? </p>
  
  <p><a href="https://i.stack.imgur.com/C1GEQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C1GEQ.png" alt="This is what i want"></a></p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;base href="/"&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;script data-require="chart.js@2.6.0" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;app-root&gt;
          &lt;div class="spinner"&gt;
              &lt;div class="bounce1"&gt;&lt;/div&gt;
              &lt;div class="bounce2"&gt;&lt;/div&gt;
              &lt;div class="bounce3"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/app-root&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>chart-options in *.component.ts</p>
  
  <pre><code>    public barChartOptions: any = {
      scaleShowVerticalLines: true,
      responsive: true,
      plugins: {
          datalabels: {
              display: true,
              align: 'center',
              anchor: 'center'
          }
      },
      scales: {
          xAxes: [{
              stacked: true,
              stackLabels: {
                  enabled: true
              }
          }],
          yAxes: [{
              stacked: true,
              ticks: {
                  beginAtZero: true
              }
          }]
      }
  };
  
  public barChartType = 'bar';
  public barChartLegend = true;
  </code></pre>
  
  <p>*.component.html</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col col-sm-12"&gt;
      &lt;div class="card mb-12"&gt;
          &lt;div class="card-header"&gt;
              &lt;span&gt;
                  {{ 'Production' | translate }} &lt;small&gt;{{ '(in pcs.)' | translate }}&lt;/small&gt;
                  &lt;small class="summary"&gt;&lt;i&gt;{{ 'Summary' | translate}} &lt;b&gt;{{ summary }}&lt;/b&gt;&lt;/i&gt;&lt;/small&gt;
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div lang class="card-body"&gt;
              &lt;canvas baseChart [datasets]="barChartData" [labels]="dayLabels" [options]="barChartOptions" [legend]="barChartLegend" [chartType]="barChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"&gt;
              &lt;/canvas&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>