Class IgxDoughnutChartComponent

Represents concentric circles divided on arcs depending on data.

Hierarchy

  • IgxDoughnutChartComponent

Implements

  • OnDestroy

Constructors

constructor

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

    • renderer: Renderer2
    • _elRef: ViewContainerRef
    • ngZone: NgZone
    • injector: Injector
    • componentFactoryResolver: ComponentFactoryResolver

    Returns IgxDoughnutChartComponent

Properties

_dynamicContent

_dynamicContent: ViewContainerRef

actualSeries

actualSeries: IgxRingSeriesBaseComponent[] = []

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.

container

container: Element

contentSeries

contentSeries: QueryList<IgxRingSeriesBaseComponent>

Accessors

actualPixelScalingRatio

  • get actualPixelScalingRatio(): number
  • set actualPixelScalingRatio(v: number): void
  • 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.

    Returns number

  • 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.

    Parameters

    • v: number

    Returns void

allowSliceExplosion

  • get allowSliceExplosion(): boolean
  • set allowSliceExplosion(v: boolean): void
  • Gets or sets whether the slices can be exploded.

    Returns boolean

  • Gets or sets whether the slices can be exploded.

    Parameters

    • v: boolean

    Returns void

allowSliceSelection

  • get allowSliceSelection(): boolean
  • set allowSliceSelection(v: boolean): void
  • Gets or sets whether the slices can be selected.

    Returns boolean

  • Gets or sets whether the slices can be selected.

    Parameters

    • v: boolean

    Returns void

height

  • get height(): string
  • set height(value: string): void
  • Returns string

  • Parameters

    • value: string

    Returns void

holeDimensionsChanged

  • get holeDimensionsChanged(): EventEmitter<object>
  • Raised when the dimensions (center point or radius) of the doughnut hole change.

    Returns EventEmitter<object>

i

  • get i(): XamDoughnutChart
  • Returns XamDoughnutChart

innerExtent

  • get innerExtent(): number
  • set innerExtent(v: number): void
  • Gets or sets the inner extent of the doughnut chart. It is percent from the outer ring's radius.

    Returns number

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

    Parameters

    • v: number

    Returns void

isSurfaceInteractionDisabled

  • get isSurfaceInteractionDisabled(): boolean
  • set isSurfaceInteractionDisabled(v: boolean): void
  • Gets or sets whether all surface interactions with the plot area should be disabled.

    Returns boolean

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

    Parameters

    • v: boolean

    Returns void

pixelScalingRatio

  • get pixelScalingRatio(): number
  • set pixelScalingRatio(v: number): void
  • 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.

    Returns number

  • 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.

    Parameters

    • v: number

    Returns void

selectedSliceFill

  • get selectedSliceFill(): string
  • set selectedSliceFill(v: string): void
  • Gets or sets the fill brush.

    Returns string

  • Gets or sets the fill brush.

    Parameters

    • v: string

    Returns void

selectedSliceOpacity

  • get selectedSliceOpacity(): number
  • set selectedSliceOpacity(v: number): void
  • Gets or sets the opacity.

    Returns number

  • Gets or sets the opacity.

    Parameters

    • v: number

    Returns void

selectedSliceStroke

  • get selectedSliceStroke(): string
  • set selectedSliceStroke(v: string): void
  • Gets or sets the stroke brush.

    Returns string

  • Gets or sets the stroke brush.

    Parameters

    • v: string

    Returns void

selectedSliceStrokeThickness

  • get selectedSliceStrokeThickness(): number
  • set selectedSliceStrokeThickness(v: number): void
  • Gets or sets the stroke thickness.

    Returns number

  • Gets or sets the stroke thickness.

    Parameters

    • v: number

    Returns void

series

  • get series(): RingSeriesCollection
  • A collection or manually added series for the chart.

    Returns RingSeriesCollection

sliceClick

  • get sliceClick(): EventEmitter<object>
  • Raised when the slice is clicked.

    Returns EventEmitter<object>

width

  • get width(): string
  • set width(value: string): void
  • Returns string

  • Parameters

    • value: string

    Returns void

Methods

ensureSelectedStyle

  • ensureSelectedStyle(): void
  • Returns void

exportSerializedVisualData

  • exportSerializedVisualData(): string
  • Returns the chart visuals expressed as a serialized string.

    Returns string

flush

  • flush(): void
  • 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.

    Returns void

getCenterCoordinates

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

    Returns IgPoint

getContainerID

  • getContainerID(): string
  • Gets the ID of the UI container.

    Returns string

getHoleRadius

  • getHoleRadius(): number
  • Gets the hole radius of the doughnut chart's center presenter.

    Returns number

ngAfterContentInit

  • ngAfterContentInit(): void
  • Returns void

ngOnDestroy

  • ngOnDestroy(): void
  • Returns void

notifyClearItems

  • notifyClearItems(source_: any): void
  • Used to manually notify the chart that the data source has reset or cleared its items.

    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

  • notifyResized(): void
  • Called when the control has been resized.

    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

  • provideContainer(container: any): void
  • Called by the UI framework to provide a UI container for rendering this control.

    Parameters

    • container: any
      • The UI container element.

    Returns void