How to use the @swimlane/ngx-charts.BubbleSeriesComponent 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-series / bubble-series.component.ts View on Github external
animations: [
    trigger('animationState', [
      transition(':enter', [
        style({
          opacity: 0,
          transform: 'scale(0)'
        }),
        animate(250, style({ opacity: 1, transform: 'scale(1)' }))
      ])
    ])
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'g[ngx-charts-bubble-series]',
  templateUrl: './bubble-series.component.html'
})
export class BubbleSeriesComponent extends Swimlane.BubbleSeriesComponent {
  @Input()
  curve: any = curveLinear;
  @Input()
  xDomain = [0, 0];

  /**
   * Function to return calculated circle for bubble series
   */
  getCircles(): any[] {
    const seriesName = this.data.name;

    const isActive =
      this.activeEntries && !this.activeEntries.length
        ? true
        : this.isActive({ name: seriesName });