Options
All
  • Public
  • Public/Protected
  • All
Menu

Class UtilizationDonutChartComponent

Donut Utilization chart component.

Note: In order to use charts, please include the following JavaScript file from PatternFly.

require('patternfly/dist/js/patternfly-settings');

Usage:

// Individual module import
import { UtilizationDonutChartModule } from 'patternfly-ng/chart';
// Or
import { UtilizationDonutChartModule } from 'patternfly-ng';

@NgModule({ imports: [UtilizationDonutChartModule,...] }) export class AppModule(){}

Optional:

import { UtilizationDonutChartConfig } from 'patternfly-ng/chart';

Hierarchy

Implements

  • DoCheck
  • OnDestroy
  • OnInit

Index

Constructors

constructor

Properties

chartData

chartData: any[]

An array containing key value pairs:

key - string representing an arc within the donut chart value - number representing the value of the arc

chartLoaded

chartLoaded: EventEmitter<any> = new EventEmitter()

Event emitted with the chart reference after load is complete

type

{EventEmitter}

config

Configuration object containing details about how to render the utilization chart

thresholdChanged

thresholdChanged: EventEmitter<any> = new EventEmitter()

Event emitted when the Used amount passes a user defined threshold

type

{EventEmitter}

Methods

getCenterLabelText

  • getCenterLabelText(): any

ngDoCheck

  • ngDoCheck(): void

ngOnDestroy

  • ngOnDestroy(): void

ngOnInit

  • ngOnInit(): void

Generated using TypeDoc