Question

我使用的是charting library，它要么无法正常运行，要么有错误（或同时有两个错误……），我很好奇我是否可以通过重写来禁用某些功能绑定之类的东西。我不确定它是根本上是一个角度问题还是一个JavaScript问题。

例如，在下面的定义中，我对（activate）和（deactivate）的工作方式不满意。

       <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 /”中出现特别无用的错误，并且服务器调试日志中没有输出来告诉我什么不正确，它只是说“ i∩╜ó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中。

如何扩展组件

0 个答案: