IgxDoughnutChartComponent

Represents concentric circles divided on arcs depending on data.

Constructors

new IgxDoughnutChartComponent(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector): IgxDoughnutChartComponent

Returns IgxDoughnutChartComponent

Properties

_dynamicContent

_dynamicContent: ViewContainerRef

actualSeries

The series actually present in the chart. Do not directly modify this array. This array's contents can be modified by causing Angular to reproject the child content. Or adding and removing series from the manual series collection on the series property.

actualSeries: IgxRingSeriesBaseComponent[]

container

container: Element

contentSeries

contentSeries: QueryList<IgxRingSeriesBaseComponent>

ngAcceptInputType_actualPixelScalingRatio

ngAcceptInputType_actualPixelScalingRatio: string | number

ngAcceptInputType_allowSliceExplosion

ngAcceptInputType_allowSliceExplosion: string | boolean

ngAcceptInputType_allowSliceSelection

ngAcceptInputType_allowSliceSelection: string | boolean

ngAcceptInputType_innerExtent

ngAcceptInputType_innerExtent: string | number

ngAcceptInputType_isSurfaceInteractionDisabled

ngAcceptInputType_isSurfaceInteractionDisabled: string | boolean

ngAcceptInputType_pixelScalingRatio

ngAcceptInputType_pixelScalingRatio: string | number

ngAcceptInputType_selectedSliceOpacity

ngAcceptInputType_selectedSliceOpacity: string | number

ngAcceptInputType_selectedSliceStrokeThickness

ngAcceptInputType_selectedSliceStrokeThickness: string | number

ɵcmp

ɵcmp: ɵɵComponentDeclaration<IgxDoughnutChartComponent, "igx-doughnut-chart", never, object, object, ["contentSeries"], never, true, never>

ɵfac

ɵfac: ɵɵFactoryDeclaration<IgxDoughnutChartComponent, never>

Accessors

actualPixelScalingRatio

Resolved pixel scaling ratio. Unless explicitly overridden by the IgxDoughnutChart.PixelScalingRatioComponent property, this one returns the default ratio enforced by device. High resolution devices will initialize this property to a higher value.

get actualPixelScalingRatio(): number

Returns number

set actualPixelScalingRatio(v: number): void

Parameters

v: number

Returns void

allowSliceExplosion

Gets or sets whether the slices can be exploded.

get allowSliceExplosion(): boolean

Returns boolean

set allowSliceExplosion(v: boolean): void

Parameters

v: boolean

Returns void

allowSliceSelection

Gets or sets whether the slices can be selected.

get allowSliceSelection(): boolean

Returns boolean

set allowSliceSelection(v: boolean): void

Parameters

v: boolean

Returns void

height

get height(): string

Returns string

set height(value: string): void

Parameters

value: string

Returns void

holeDimensionsChanged

Raised when the dimensions (center point or radius) of the doughnut hole change.

get holeDimensionsChanged(): EventEmitter<object>

Returns EventEmitter<object>

i

get i(): XamDoughnutChart

Returns XamDoughnutChart

innerExtent

Gets or sets the inner extent of the doughnut chart. It is percent from the outer ring's radius.

get innerExtent(): number

Returns number

set innerExtent(v: number): void

Parameters

v: number

Returns void

isSurfaceInteractionDisabled

Gets or sets whether all surface interactions with the plot area should be disabled.

get isSurfaceInteractionDisabled(): boolean

Returns boolean

set isSurfaceInteractionDisabled(v: boolean): void

Parameters

v: boolean

Returns void

pixelScalingRatio

Gets or sets the scaling value used to affect the pixel density of the control. A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry.

get pixelScalingRatio(): number

Returns number

set pixelScalingRatio(v: number): void

Parameters

v: number

Returns void

selectedSliceFill

Gets or sets the fill brush.

get selectedSliceFill(): string

Returns string

set selectedSliceFill(v: string): void

Parameters

v: string

Returns void

selectedSliceOpacity

Gets or sets the opacity.

get selectedSliceOpacity(): number

Returns number

set selectedSliceOpacity(v: number): void

Parameters

v: number

Returns void

selectedSliceStroke

Gets or sets the stroke brush.

get selectedSliceStroke(): string

Returns string

set selectedSliceStroke(v: string): void

Parameters

v: string

Returns void

selectedSliceStrokeThickness

Gets or sets the stroke thickness.

get selectedSliceStrokeThickness(): number

Returns number

set selectedSliceStrokeThickness(v: number): void

Parameters

v: number

Returns void

series

A collection or manually added series for the chart.

get series(): IgxRingSeriesCollection

Returns IgxRingSeriesCollection

sliceClick

Raised when the slice is clicked.

get sliceClick(): EventEmitter<object>

Returns EventEmitter<object>

width

get width(): string

Returns string

set width(value: string): void

Parameters

value: string

Returns void

Methods

ensureSelectedStyle

ensureSelectedStyle(): void

Returns void

exportSerializedVisualData

Returns the chart visuals expressed as a serialized string.

exportSerializedVisualData(): string

Returns string

findByName

findByName(name: string): any

Parameters

name: string

Returns any

flush

Use to force the doughnut chart to finish any deferred work before printing or evaluating its visual. This should only be called if the visual of the doughnut chart needs to be synchronously saved or evaluated. Calling this method too often will hinder the performance of the doughnut chart.

flush(): void

Returns void

getCenterCoordinates

Gets the center coordinates of the doughnut chart's center presenter.

getCenterCoordinates(): IgPoint

Returns IgPoint

getContainerID

Gets the ID of the UI container.

getContainerID(): string

Returns string

getHoleRadius

Gets the hole radius of the doughnut chart's center presenter.

getHoleRadius(): number

Returns number

ngAfterContentInit

ngAfterContentInit(): void

Returns void

ngAfterViewInit

ngAfterViewInit(): void

Returns void

ngOnDestroy

ngOnDestroy(): void

Returns void

notifyClearItems

Used to manually notify the chart that the data source has reset or cleared its items.

notifyClearItems(source_: any): void

Parameters

source_: any

Returns void

notifyInsertItem

notifyInsertItem(source_: any, index: number, newItem: any): void

Parameters

source_: any
index: number
newItem: any

Returns void

notifyRemoveItem

notifyRemoveItem(source_: any, index: number, oldItem: any): void

Parameters

source_: any
index: number
oldItem: any

Returns void

notifyResized

Called when the control has been resized.

notifyResized(): void

Returns void

notifySetItem

notifySetItem(source_: any, index: number, oldItem: any, newItem: any): void

Parameters

source_: any
index: number
oldItem: any
newItem: any

Returns void

provideContainer

Called by the UI framework to provide a UI container for rendering this control.

provideContainer(container: any): void

Parameters

container: any
- The UI container element.

Returns void

updateStyle

updateStyle(): void