Here is an example:

HTML:

<div style="display: block">
  <canvas mdbChart
      [chartType]="chartType"
      [datasets]="chartDatasets"
      [labels]="chartLabels"
      [options]="chartOptions"
      [legend]="true">
  </canvas>
</div>

TS:

  public chartType = 'bar';

  public chartDatasets: Array<any> = [
    { data: [1, 1, 3, 1, 2, 1], label: 'Line chart', type: 'line' },
    { data: [3, 1, 1, 2, 0, 1], label: 'Bar chart', type: 'bar'}
  ];

  public chartLabels: Array<any> = ['Red', 'Blue', 'Yellow', 'Green', 'Black', 'Purple'];

  public chartOptions: any = {
    responsive: true
  };