Как расширить компонент

Question

Я использую библиотеку графиков , и она либо не работает так, как я ожидаю, либо имеет ошибку (или и то, и другое ...), и мне любопытно, могу ли я просто отключить некоторые функциональность путем переопределения привязки или что-то. Я не уверен, является ли это в основном угловым вопросом или вопросом javascript.

В приведенном ниже определении, например, я не удовлетворен тем, как (активировать) и (деактивировать) работают.

       <svg:g
          *ngFor="let group of results; let index = index; trackBy:trackBy"
          [@animationState]="'active'"
          [attr.transform]="groupTransform(group)">
          <svg:g ngx-charts-series-vertical
            type="stacked"
            [xScale]="xScale"
            [yScale]="yScale"
            [activeEntries]="activeEntries"
            [colors]="colors"
            [series]="group.series"
            [dims]="dims"
            [gradient]="gradient"
            [tooltipDisabled]="tooltipDisabled"
            [tooltipTemplate]="tooltipTemplate"
            [showDataLabel]="showDataLabel"
            [dataLabelFormatting]="dataLabelFormatting"
            [seriesName]="group.name"
            [animations]="animations"
            (select)="onClick($event, group)"
            (activate)="onActivate($event, group)"
            (deactivate)="onDeactivate($event, group)"
            (dataLabelHeightChanged)="onDataLabelMaxHeightChanged($event, index)"
          />

Я попытался расширить компонент, чтобы я мог переопределить эту функциональность, но при запуске приложения я получаю особенно бесполезную ошибку в браузере «Cannot GET /» и не выводил в журнал отладки сервера, чтобы сказать мне, что является неправильным , он просто говорит: «Я ∩╜ówdm∩╜ú: не удалось скомпилировать». Это происходит, если вообще включить компонент в объявления моего приложения, даже если на него нигде нет ссылок.

import { Component } from '@angular/core';
import { StackedBarViewComponent } from './stackedbarview.component';
import { BarVerticalStackedComponent } from '@swimlane/ngx-charts';

@Component({
  selector: 'verticalstackedbarchartca',
  templateUrl: './verticalstackedbarchartca.component.html',
  styleUrls: ['./verticalstackedbarchartca.component.css']
})

export class VerticalStackedBarChartCustomActivenessComponent extends BarVerticalStackedComponent {


  onActivate(event, group?) {
    console.log('custom onActivate(' + event + "," + group + ")");
  }

  onDeactivate(event, group?) {
    console.log('custom onDeactivate(' + event + "," + group + ")");
  }
}

Это в Visual Studio 2017.