Represents concentric circles divided on arcs depending on data.

Constructors

Section titled "Constructors"

IgxDoughnutChartComponent

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

Returns IgxDoughnutChartComponent

Properties

Section titled "Properties"

_dynamicContent

Section titled "_dynamicContent" 
_dynamicContent: ViewContainerRef

actualSeries

Section titled "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

Section titled "container" 
container: Element

contentSeries

Section titled "contentSeries" 
contentSeries: QueryList<IgxRingSeriesBaseComponent>

ngAcceptInputType_actualPixelScalingRatio

Section titled "ngAcceptInputType_actualPixelScalingRatio" 
ngAcceptInputType_actualPixelScalingRatio: string | number

ngAcceptInputType_allowSliceExplosion

Section titled "ngAcceptInputType_allowSliceExplosion" 
ngAcceptInputType_allowSliceExplosion: string | boolean

ngAcceptInputType_allowSliceSelection

Section titled "ngAcceptInputType_allowSliceSelection" 
ngAcceptInputType_allowSliceSelection: string | boolean

ngAcceptInputType_innerExtent

Section titled "ngAcceptInputType_innerExtent" 
ngAcceptInputType_innerExtent: string | number

ngAcceptInputType_isSurfaceInteractionDisabled

Section titled "ngAcceptInputType_isSurfaceInteractionDisabled" 
ngAcceptInputType_isSurfaceInteractionDisabled: string | boolean

ngAcceptInputType_pixelScalingRatio

Section titled "ngAcceptInputType_pixelScalingRatio" 
ngAcceptInputType_pixelScalingRatio: string | number

ngAcceptInputType_selectedSliceOpacity

Section titled "ngAcceptInputType_selectedSliceOpacity" 
ngAcceptInputType_selectedSliceOpacity: string | number

ngAcceptInputType_selectedSliceStrokeThickness

Section titled "ngAcceptInputType_selectedSliceStrokeThickness" 
ngAcceptInputType_selectedSliceStrokeThickness: string | number

ɵcmp

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

ɵfac

Section titled "ɵfac" 
ɵfac: ɵɵFactoryDeclaration<IgxDoughnutChartComponent, never>

actualPixelScalingRatio

Section titled "actualPixelScalingRatio" 
actualPixelScalingRatio: number

allowSliceExplosion

Section titled "allowSliceExplosion" 
allowSliceExplosion: boolean

allowSliceSelection

Section titled "allowSliceSelection" 
allowSliceSelection: boolean

height

Section titled "height" 
height: string

innerExtent

Section titled "innerExtent" 
innerExtent: number

isSurfaceInteractionDisabled

Section titled "isSurfaceInteractionDisabled" 
isSurfaceInteractionDisabled: boolean

pixelScalingRatio

Section titled "pixelScalingRatio" 
pixelScalingRatio: number

selectedSliceFill

Section titled "selectedSliceFill" 
selectedSliceFill: string

selectedSliceOpacity

Section titled "selectedSliceOpacity" 
selectedSliceOpacity: number

selectedSliceStroke

Section titled "selectedSliceStroke" 
selectedSliceStroke: string

selectedSliceStrokeThickness

Section titled "selectedSliceStrokeThickness" 
selectedSliceStrokeThickness: number

width

Section titled "width" 
width: string

Accessors

Section titled "Accessors"

holeDimensionsChanged

Section titled "holeDimensionsChanged"

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

get holeDimensionsChanged(): EventEmitter<object>

Returns EventEmitter<object>

i

Section titled "i" 
get i(): XamDoughnutChart

Returns XamDoughnutChart

series

Section titled "series"

A collection or manually added series for the chart.

get series(): IgxRingSeriesCollection

Returns IgxRingSeriesCollection

sliceClick

Section titled "sliceClick"

Raised when the slice is clicked.

get sliceClick(): EventEmitter<object>

Returns EventEmitter<object>

Methods

Section titled "Methods"

ensureSelectedStyle

Section titled "ensureSelectedStyle" 
ensureSelectedStyle(): void

Returns void

exportSerializedVisualData

Section titled "exportSerializedVisualData"

Returns the chart visuals expressed as a serialized string.

exportSerializedVisualData(): string

Returns string

findByName

Section titled "findByName" 
findByName(name: string): any

Parameters

  • name: string

Returns any

flush

Section titled "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

Section titled "getCenterCoordinates"

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

getCenterCoordinates(): IgPoint

Returns IgPoint

getContainerID

Section titled "getContainerID"

Gets the ID of the UI container.

getContainerID(): string

Returns string

getHoleRadius

Section titled "getHoleRadius"

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

getHoleRadius(): number

Returns number

ngAfterContentInit

Section titled "ngAfterContentInit" 
ngAfterContentInit(): void

Returns void

ngAfterViewInit

Section titled "ngAfterViewInit" 
ngAfterViewInit(): void

Returns void

ngOnDestroy

Section titled "ngOnDestroy" 
ngOnDestroy(): void

Returns void

notifyClearItems

Section titled "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

Section titled "notifyInsertItem" 
notifyInsertItem(source_: any, index: number, newItem: any): void

Parameters

  • source_: any
  • index: number
  • newItem: any

Returns void

notifyRemoveItem

Section titled "notifyRemoveItem" 
notifyRemoveItem(source_: any, index: number, oldItem: any): void

Parameters

  • source_: any
  • index: number
  • oldItem: any

Returns void

notifyResized

Section titled "notifyResized"

Called when the control has been resized.

notifyResized(): void

Returns void

notifySetItem

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

Parameters

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

Returns void

provideContainer

Section titled "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

Section titled "updateStyle" 
updateStyle(): void

Returns void