древовидная карта не работает в angular5

Question

Я пытаюсь создать диаграмму древовидной карты с помощью диаграммы высоты .

DashboardModule.ts

import { ChartModule, HIGHCHARTS_MODULES } from 'angular-highcharts';
import * as more from 'highcharts/highcharts-more.src';
import * as tree from 'highcharts/modules/treemap.src';
@NgModule({
  imports: [
   ChartModule
  ],
  providers: [
    { provide: HIGHCHARTS_MODULES, useFactory: () => [ more, tree ] } // add as factory to your providers
  ]
})
export class DashboardModule { }

Dashboard.component.ts

import { MapChart } from 'angular-highcharts';
export class DashboardComponent implements OnInit {
treeChart: any;
 ngOnInit() {
    this.treeChartStructure();
  }
  treeChartStructure() {
   this.treeChart = new MapChart({
    series: [{
      type: 'treemap',
      layoutAlgorithm: 'squarified',
      data: [{
          name: 'A',
          value: 6,
          colorValue: 1
      }, {
          name: 'E',
          value: 2,
          colorValue: 5
      }, {
          name: 'F',
          value: 2,
          colorValue: 6
      }, {
          name: 'G',
          value: 1,
          colorValue: 7
      }]
  }]
    });
  }
}
}

html

<div [chart]="treeChart"></div>

в приведенном выше коде, я пытаюсь добавить древовидную диаграмму в мойприложение angular5, но оно не работает.это показывает следующую ошибку. Может кто-нибудь, пожалуйста, помогите мне решить эту проблему.