import { trigger , style , animate , transition } from '@angular/animations' ; import { Component , Input , ViewEncapsulation , ChangeDetectionStrategy , ChangeDetectorRef , NgZone , ElementRef } from '@angular/core' ; import * as Swimlane from '@swimlane/ngx-charts' ; param errorBarColor @ Component ( { animations : [ trigger ( 'animationState' , [ transition ( ':leave' , [ style ( { opacity : 1 } ) , animate ( 500 , style ( { opacity : 0 } ) ) ] ) ] ) ] , changeDetection : ChangeDetectionStrategy . OnPush , encapsulation : ViewEncapsulation . None , selector : 'ngx-charts-bubble-chart' , styleUrls : [ '../../common/base-chart.component.scss' ] , templateUrl : './bubble-chart.component.html' } ) export class BubbleChartComponent extends Swimlane . BubbleChartComponent { customColors ; @ Input ( ) errorBarColor ; constructor ( chartElement , zone , cd ) { super ( chartElement , zone , cd ) ; this . errorBarColor = '#000000' ; this . customColors = [ { name : 'error' , value : this . errorBarColor } ] ; } }