在ng2图表中生成图例副本

npm install ng2-charts --save

import { Component } from '@angular/core';

@Component({
  selector: 'app-chart',
  template: `
    <div style="display: block;">
      <canvas baseChart
        [datasets]="chartData"
        [labels]="chartLabels"
        [options]="chartOptions"
        [legend]="chartLegend"
        [chartType]="chartType">
      </canvas>
    </div>
    <div *ngIf="chartLegend === 'true'">
      <ul>
        <li *ngFor="let label of chartLabels; let i = index">
          {{ label }} - {{ chartData[i].data }}
        </li>
      </ul>
    </div>
  `
})
export class ChartComponent {
  public chartData = [
    { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },
    { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' }
  ];
  public chartLabels = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];
  public chartOptions = {
    responsive: true,
    legend: {
      display: false // Hide the default legend
    }
  };
  public chartLegend = true;
  public chartType = 'bar';
}