How to use the @swimlane/ngx-charts.BubbleChartComponent function in @swimlane/ngx-charts

To help you get started, we’ve selected a few @swimlane/ngx-charts examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github usgs / earthquake-eventpages / src / app / shared / ngx-charts / bubble-chart / bubble-chart / bubble-chart.component.ts View on Github external
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: ElementRef, zone: NgZone, cd: ChangeDetectorRef) {
    super(chartElement, zone, cd);

    this.errorBarColor = '#000000';
    this.customColors = [
      {
        name: 'error',
        value: this.errorBarColor
      }
    ];
  }
}