igniteui-angular-gauges
Version:
Ignite UI Angular gauge components.
908 lines (901 loc) • 46.9 kB
TypeScript
import { OnDestroy, EventEmitter, AfterViewInit, Injector, ComponentFactoryResolver, AfterContentInit, Renderer2, QueryList, NgZone, ViewContainerRef } from '@angular/core';
import { IgPoint } from "igniteui-angular-core";
import { XamRadialGauge } from './XamRadialGauge';
import { SweepDirection } from "igniteui-angular-core";
import { RadialGaugeNeedleShape } from './RadialGaugeNeedleShape';
import { RadialGaugePivotShape } from './RadialGaugePivotShape';
import { RadialGaugeScaleOversweepShape } from './RadialGaugeScaleOversweepShape';
import { RadialGaugeBackingShape } from './RadialGaugeBackingShape';
import { RadialGaugeDuplicateLabelOmissionStrategy } from './RadialGaugeDuplicateLabelOmissionStrategy';
import { IgxFormatRadialGaugeLabelEventArgs } from './igx-format-radial-gauge-label-event-args';
import { IgxAlignRadialGaugeLabelEventArgs } from './igx-align-radial-gauge-label-event-args';
import { IgxRadialGaugeRangeComponent } from './igx-radial-gauge-range-component';
import { IgxRadialGaugeRangeCollection } from './igx-radial-gauge-range-collection';
import { IgxDoubleValueChangedEventArgs } from "igniteui-angular-core";
import { HighlightedValueDisplayMode } from "igniteui-angular-core";
import * as i0 from "@angular/core";
/**
* A radial gauge for displaying a single value on a defined scale.
*/
export declare class IgxRadialGaugeComponent implements AfterContentInit, AfterViewInit, OnDestroy {
private _renderer;
private _elRef;
private _ngZone;
private _componentFactoryResolver;
private _injector;
_dynamicContent: ViewContainerRef;
private _height;
private _width;
set height(value: string);
get height(): string;
set width(value: string);
get width(): string;
private _container;
contentRanges: QueryList<IgxRadialGaugeRangeComponent>;
/**
* The ranges 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 ranges from the manual ranges collection on the ranges property.
*/
actualRanges: IgxRadialGaugeRangeComponent[];
private _ranges;
private _rangesAdapter;
/**
* A collection or manually added axes for the chart.
*/
get ranges(): IgxRadialGaugeRangeCollection;
private _root;
constructor(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector);
ngOnDestroy(): void;
private _wrapper;
protected createImplementation(): XamRadialGauge;
private _gauge;
ngAfterContentInit(): void;
ngAfterViewInit(): void;
updateStyle(): void;
protected _zoneRunner: (act: () => void) => void;
protected _runInZone(act: () => void): void;
protected _implementation: any;
/**
* @hidden
*/
get i(): XamRadialGauge; /**
* @hidden
*/
static _createFromInternal(internal: any): IgxRadialGaugeComponent;
/**
* Gets or sets a collection of brushes to be used as the palette for gauge ranges.
*/
get rangeBrushes(): string[];
set rangeBrushes(v: string[]);
static ngAcceptInputType_rangeBrushes: string[] | string;
/**
* Gets or sets a collection of brushes to be used as the palette for gauge outlines.
*/
get rangeOutlines(): string[];
set rangeOutlines(v: string[]);
static ngAcceptInputType_rangeOutlines: string[] | string;
/**
* Gets or sets the minimum value of the scale.
*/
get minimumValue(): number;
set minimumValue(v: number);
static ngAcceptInputType_minimumValue: number | string;
/**
* Gets the resolved minimum value of the scale.
*/
get actualMinimumValue(): number;
set actualMinimumValue(v: number);
static ngAcceptInputType_actualMinimumValue: number | string;
/**
* Gets or sets the maximum value of the scale.
*/
get maximumValue(): number;
set maximumValue(v: number);
static ngAcceptInputType_maximumValue: number | string;
/**
* Gets the resolved maximum value of the scale.
*/
get actualMaximumValue(): number;
set actualMaximumValue(v: number);
static ngAcceptInputType_actualMaximumValue: number | string;
/**
* Gets or sets the interval to use for the scale.
*/
get interval(): number;
set interval(v: number);
static ngAcceptInputType_interval: number | string;
/**
* Gets or sets the x position of the center of the gauge with the value ranging from 0 to 1.
*/
get centerX(): number;
set centerX(v: number);
static ngAcceptInputType_centerX: number | string;
/**
* Gets or sets the y position of the center of the gauge with the value ranging from 0 to 1.
*/
get centerY(): number;
set centerY(v: number);
static ngAcceptInputType_centerY: number | string;
/**
* Gets or sets the value at which to point the needle of the gauge.
*/
get value(): number;
set value(v: number);
static ngAcceptInputType_value: number | string;
/**
* Gets or sets the highlight value at which to point the secondary needle of the gauge.
*/
get highlightValue(): number;
set highlightValue(v: number);
static ngAcceptInputType_highlightValue: number | string;
/**
* Gets the actual opacity of the primary needle while highlighting
*/
get actualHighlightValueOpacity(): number;
set actualHighlightValueOpacity(v: number);
static ngAcceptInputType_actualHighlightValueOpacity: number | string;
/**
* Gets or sets the opacity of the primary needle while highlighting
*/
get highlightValueOpacity(): number;
set highlightValueOpacity(v: number);
static ngAcceptInputType_highlightValueOpacity: number | string;
/**
* Gets whether and how to display the highlighted value.
*/
get actualHighlightValueDisplayMode(): HighlightedValueDisplayMode;
set actualHighlightValueDisplayMode(v: HighlightedValueDisplayMode);
static ngAcceptInputType_actualHighlightValueDisplayMode: HighlightedValueDisplayMode | string;
/**
* Gets or sets whether and how to display the highlighted value.
*/
get highlightValueDisplayMode(): HighlightedValueDisplayMode;
set highlightValueDisplayMode(v: HighlightedValueDisplayMode);
static ngAcceptInputType_highlightValueDisplayMode: HighlightedValueDisplayMode | string;
/**
* Gets or sets the start angle for the scale in degrees.
*/
get scaleStartAngle(): number;
set scaleStartAngle(v: number);
static ngAcceptInputType_scaleStartAngle: number | string;
/**
* Gets or sets the end angle for the scale in degrees.
*/
get scaleEndAngle(): number;
set scaleEndAngle(v: number);
static ngAcceptInputType_scaleEndAngle: number | string;
/**
* Gets or sets the direction in which the scale sweeps around the center from the start angle to end angle.
*/
get scaleSweepDirection(): SweepDirection;
set scaleSweepDirection(v: SweepDirection);
static ngAcceptInputType_scaleSweepDirection: SweepDirection | string;
/**
* Gets or sets the number of milliseconds over which changes to the gauge should be animated.
*/
get transitionDuration(): number;
set transitionDuration(v: number);
static ngAcceptInputType_transitionDuration: number | string;
/**
* Gets or sets the brush to use when rendering the fill of the needle.
*/
get needleBrush(): string;
set needleBrush(v: string);
/**
* Gets or sets the brush to use when rendering the outline of the needle.
*/
get needleOutline(): string;
set needleOutline(v: string);
/**
* Gets or sets the extent (from -1 to 1) at which to start rendering the needle, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleStartExtent(): number;
set needleStartExtent(v: number);
static ngAcceptInputType_needleStartExtent: number | string;
/**
* Gets or sets the extent (from -1 to 1) at which to end rendering the needle, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleEndExtent(): number;
set needleEndExtent(v: number);
static ngAcceptInputType_needleEndExtent: number | string;
/**
* Gets or sets the shape to use when rendering the needle from a number of options.
*/
get needleShape(): RadialGaugeNeedleShape;
set needleShape(v: RadialGaugeNeedleShape);
static ngAcceptInputType_needleShape: RadialGaugeNeedleShape | string;
/**
* Gets or sets the width of the needle at its point using a value from (0 to 1). Note: Only some needle shapes respect this property.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleStartWidthRatio(): number;
set needleStartWidthRatio(v: number);
static ngAcceptInputType_needleStartWidthRatio: number | string;
/**
* Gets or sets the width of the needle at its point using a value from (0 to 1). Note: Only some needle shapes respect this property.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleEndWidthRatio(): number;
set needleEndWidthRatio(v: number);
static ngAcceptInputType_needleEndWidthRatio: number | string;
/**
* Gets or sets the width of the needle at its feature which is closest to the base (e.g. a bulb) with a value from 0 to 1. Note: Only some needle shapes respect this property, namely: NeedleWithBulb, RectangleWithBulb, TrapezoidWithBulb, and TriangleWithBulb.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleBaseFeatureWidthRatio(): number;
set needleBaseFeatureWidthRatio(v: number);
static ngAcceptInputType_needleBaseFeatureWidthRatio: number | string;
/**
* Gets or sets the extent of the feature which is closest to the base (e.g. a bulb) with a value from -1 to 1. Note: Only some needle shapes respect this property, namely: NeedleWithBulb, RectangleWithBulb, TrapezoidWithBulb, and TriangleWithBulb.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needleBaseFeatureExtent(): number;
set needleBaseFeatureExtent(v: number);
static ngAcceptInputType_needleBaseFeatureExtent: number | string;
/**
* Gets or sets the width of the needle at its feature which is closest to the point (e.g. the tapering point of a needle) with a value from 0 to 1. Note: Only some needle shapes respect this property.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needlePointFeatureWidthRatio(): number;
set needlePointFeatureWidthRatio(v: number);
static ngAcceptInputType_needlePointFeatureWidthRatio: number | string;
/**
* Gets or sets the extent of the feature which is closest to the point (e.g. the tapering point of a needle) with a value from -1 to 1. Note: Only some needle shapes respect this property.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needlePointFeatureExtent(): number;
set needlePointFeatureExtent(v: number);
static ngAcceptInputType_needlePointFeatureExtent: number | string;
/**
* Gets or sets the width of the cap of the needle with a value from 0 to 1. Note: Will only take effect if you have a cap set on the needle.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get needlePivotWidthRatio(): number;
set needlePivotWidthRatio(v: number);
static ngAcceptInputType_needlePivotWidthRatio: number | string;
/**
* Gets or sets the width of the inner cutout section of the needle cap with a value from 0 to 1. Note: Will only take effect if you have a cap set on the needle that has a cutout section.
*/
get needlePivotInnerWidthRatio(): number;
set needlePivotInnerWidthRatio(v: number);
static ngAcceptInputType_needlePivotInnerWidthRatio: number | string;
/**
* Gets or sets the shape to use for the needle cap.
*/
get needlePivotShape(): RadialGaugePivotShape;
set needlePivotShape(v: RadialGaugePivotShape);
static ngAcceptInputType_needlePivotShape: RadialGaugePivotShape | string;
/**
* Gets or sets the position at which to start rendering the scale, measured from the center of the gauge as a value from 0 to 1.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get scaleStartExtent(): number;
set scaleStartExtent(v: number);
static ngAcceptInputType_scaleStartExtent: number | string;
/**
* Gets or sets the brush to use for filling the needle cap. Note: this only applies to certain cap shapes.
*/
get needlePivotBrush(): string;
set needlePivotBrush(v: string);
/**
* Gets or sets the brush to use for the outlines of the needle cap.
*/
get needlePivotOutline(): string;
set needlePivotOutline(v: string);
/**
* Gets or sets the stroke thickness of the needle outline.
*/
get needleStrokeThickness(): number;
set needleStrokeThickness(v: number);
static ngAcceptInputType_needleStrokeThickness: number | string;
/**
* Gets or sets the stroke thickness to use for the outline of the needle cap.
*/
get needlePivotStrokeThickness(): number;
set needlePivotStrokeThickness(v: number);
static ngAcceptInputType_needlePivotStrokeThickness: number | string;
/**
* Gets or sets the position at which to stop rendering the scale as a value from 0 to 1 measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get scaleEndExtent(): number;
set scaleEndExtent(v: number);
static ngAcceptInputType_scaleEndExtent: number | string;
/**
* Gets or sets the position at which to put the labels as a value from 0 to 1, measured form the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get labelExtent(): number;
set labelExtent(v: number);
static ngAcceptInputType_labelExtent: number | string;
/**
* Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale.
*/
get labelInterval(): number;
set labelInterval(v: number);
static ngAcceptInputType_labelInterval: number | string;
/**
* Gets or sets the position at which to start rendering the major tickmarks as a value from 0 to 1, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get tickStartExtent(): number;
set tickStartExtent(v: number);
static ngAcceptInputType_tickStartExtent: number | string;
/**
* Gets or sets the position at which to stop rendering the major tickmarks as a value from 0 to 1, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get tickEndExtent(): number;
set tickEndExtent(v: number);
static ngAcceptInputType_tickEndExtent: number | string;
/**
* Gets or sets the stroke thickness to use when rendering ticks.
*/
get tickStrokeThickness(): number;
set tickStrokeThickness(v: number);
static ngAcceptInputType_tickStrokeThickness: number | string;
/**
* Gets or sets the brush to use for the major tickmarks.
*/
get tickBrush(): string;
set tickBrush(v: string);
/**
* Gets or sets the brush to use for the label font.
*/
get fontBrush(): string;
set fontBrush(v: string);
/**
* Gets or sets the position at which to start rendering the minor tickmarks as a value from 0 to 1, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get minorTickStartExtent(): number;
set minorTickStartExtent(v: number);
static ngAcceptInputType_minorTickStartExtent: number | string;
/**
* Gets or sets the position at which to stop rendering the minor tickmarks as a value from 0 to 1, measured from the center of the gauge.
* Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
*/
get minorTickEndExtent(): number;
set minorTickEndExtent(v: number);
static ngAcceptInputType_minorTickEndExtent: number | string;
/**
* Gets or sets the stroke thickness to use when rendering minor ticks.
*/
get minorTickStrokeThickness(): number;
set minorTickStrokeThickness(v: number);
static ngAcceptInputType_minorTickStrokeThickness: number | string;
/**
* Gets or sets the brush to use for the minor tickmarks.
*/
get minorTickBrush(): string;
set minorTickBrush(v: string);
/**
* Gets or sets the number of minor tickmarks to place between major tickmarks.
*/
get minorTickCount(): number;
set minorTickCount(v: number);
static ngAcceptInputType_minorTickCount: number | string;
/**
* Gets or sets the brush to use to fill the background of the scale.
*/
get scaleBrush(): string;
set scaleBrush(v: string);
/**
* Gets or sets the brush to use to fill the backing of the gauge.
*/
get backingBrush(): string;
set backingBrush(v: string);
/**
* Gets or sets the brush to use for the outline of the backing.
*/
get backingOutline(): string;
set backingOutline(v: string);
/**
* Gets or sets the stroke thickness of the backing outline.
*/
get backingStrokeThickness(): number;
set backingStrokeThickness(v: number);
static ngAcceptInputType_backingStrokeThickness: number | string;
/**
* Gets or sets the outer extent of the gauge backing.
*/
get backingOuterExtent(): number;
set backingOuterExtent(v: number);
static ngAcceptInputType_backingOuterExtent: number | string;
/**
* Gets or sets the over sweep angle to apply to the backing if it is displaying fitted (in degrees). Must be greater or equal to 0.
*/
get backingOversweep(): number;
set backingOversweep(v: number);
static ngAcceptInputType_backingOversweep: number | string;
/**
* Gets or sets the extra degrees of sweep to apply to the scale background. Must be greater or equal to 0.
*/
get scaleOversweep(): number;
set scaleOversweep(v: number);
static ngAcceptInputType_scaleOversweep: number | string;
/**
* Gets or sets the oversweep shape to use for the excess fill area for the scale.
*/
get scaleOversweepShape(): RadialGaugeScaleOversweepShape;
set scaleOversweepShape(v: RadialGaugeScaleOversweepShape);
static ngAcceptInputType_scaleOversweepShape: RadialGaugeScaleOversweepShape | string;
/**
* Gets or sets the corner rounding radius to use for the fitted scale backings.
*/
get backingCornerRadius(): number;
set backingCornerRadius(v: number);
static ngAcceptInputType_backingCornerRadius: number | string;
/**
* Gets or sets the inner extent of the gauge backing.
*/
get backingInnerExtent(): number;
set backingInnerExtent(v: number);
static ngAcceptInputType_backingInnerExtent: number | string;
/**
* Gets or sets the type of shape to use for the backing of the gauge.
*/
get backingShape(): RadialGaugeBackingShape;
set backingShape(v: RadialGaugeBackingShape);
static ngAcceptInputType_backingShape: RadialGaugeBackingShape | string;
/**
* Gets or sets the multiplying factor to apply to the normal radius of the gauge.
* The radius of the gauge is defined by the minimum of the width and height of the control divided by 2.0.
* This introduces a multiplicative factor to that value.
*/
get radiusMultiplier(): number;
set radiusMultiplier(v: number);
static ngAcceptInputType_radiusMultiplier: number | string;
/**
* Gets or sets the strategy to use for omitting labels if the first and last label have the same value.
*/
get duplicateLabelOmissionStrategy(): RadialGaugeDuplicateLabelOmissionStrategy;
set duplicateLabelOmissionStrategy(v: RadialGaugeDuplicateLabelOmissionStrategy);
static ngAcceptInputType_duplicateLabelOmissionStrategy: RadialGaugeDuplicateLabelOmissionStrategy | string;
/**
* Gets or sets whether needle dragging is enabled or not.
*/
get isNeedleDraggingEnabled(): boolean;
set isNeedleDraggingEnabled(v: boolean);
static ngAcceptInputType_isNeedleDraggingEnabled: boolean | string;
/**
* Gets or sets whether the needle is constrained within the minimum and maximum value range during dragging.
*/
get isNeedleDraggingConstrained(): boolean;
set isNeedleDraggingConstrained(v: boolean);
static ngAcceptInputType_isNeedleDraggingConstrained: boolean | string;
/**
* Gets or sets whether needle dragging is enabled or not.
*/
get isHighlightNeedleDraggingEnabled(): boolean;
set isHighlightNeedleDraggingEnabled(v: boolean);
static ngAcceptInputType_isHighlightNeedleDraggingEnabled: boolean | string;
/**
* Gets or sets whether the needle is constrained within the minimum and maximum value range during dragging.
*/
get isHighlightNeedleDraggingConstrained(): boolean;
set isHighlightNeedleDraggingConstrained(v: boolean);
static ngAcceptInputType_isHighlightNeedleDraggingConstrained: boolean | string;
/**
* Gets or sets the font.
*/
get font(): string;
set font(v: string);
/**
* Gets or sets the label composite format used when creating label values.
*/
get labelFormat(): string;
set labelFormat(v: string);
/**
* Gets or sets the format specifiers to use with the LabelFormat string.
*/
get labelFormatSpecifiers(): any[];
set labelFormatSpecifiers(v: any[]);
static ngAcceptInputType_labelFormatSpecifiers: any[] | string;
/**
* Gets a value indicating whether the radial gauge is currently animating.
*/
get animating(): boolean;
static ngAcceptInputType_animating: boolean | string;
/**
* Gets the transition progress of the animation when the control is animating.
*/
get transitionProgress(): number;
set transitionProgress(v: number);
static ngAcceptInputType_transitionProgress: number | string;
/**
* 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;
set pixelScalingRatio(v: number);
static ngAcceptInputType_pixelScalingRatio: number | string;
/**
* Gets the actual pixel scaling ratio 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 actualPixelScalingRatio(): number;
set actualPixelScalingRatio(v: number);
static ngAcceptInputType_actualPixelScalingRatio: number | string;
/**
* Gets the optical scaling ratio calculated by dividing minimum gauge size by value of OpticalScalingSize property.
*/
get opticalScalingRatio(): number;
set opticalScalingRatio(v: number);
static ngAcceptInputType_opticalScalingRatio: number | string;
/**
* Gets or sets the title uses optical scaling when the gauge is resized.
*/
get opticalScalingEnabled(): boolean;
set opticalScalingEnabled(v: boolean);
static ngAcceptInputType_opticalScalingEnabled: boolean | string;
/**
* Gets or sets the size at which labels have 100% optical scaling, e.g. labels will have larger fonts when gauge's size is larger
* - labels will have 200% larger fonts when gauge's size is 1000 and this property is set to 500
* - labels will have 50% smaller fonts when gauge's size is 250 and this property is set to 500
*/
get opticalScalingSize(): number;
set opticalScalingSize(v: number);
static ngAcceptInputType_opticalScalingSize: number | string;
/**
* Gets or sets the text displayed in the title of the gauge.
*/
get titleText(): string;
set titleText(v: string);
/**
* Gets or sets the text displayed in the subtitle of the gauge.
*/
get subtitleText(): string;
set subtitleText(v: string);
/**
* Gets or sets the angle for the inner label in degrees.
*/
get titleAngle(): number;
set titleAngle(v: number);
static ngAcceptInputType_titleAngle: number | string;
/**
* Gets or sets the angle for the inner label in degrees.
*/
get subtitleAngle(): number;
set subtitleAngle(v: number);
static ngAcceptInputType_subtitleAngle: number | string;
/**
* Gets or sets the angle for the inner label in degrees.
*/
get titleExtent(): number;
set titleExtent(v: number);
static ngAcceptInputType_titleExtent: number | string;
/**
* Gets or sets the angle for the inner label in degrees.
*/
get subtitleExtent(): number;
set subtitleExtent(v: number);
static ngAcceptInputType_subtitleExtent: number | string;
/**
* Gets or sets the brush to use for rendering inner unit text
*/
get titleBrush(): string;
set titleBrush(v: string);
/**
* Gets or sets the brush to use for rendering inner unit text
*/
get subtitleBrush(): string;
set subtitleBrush(v: string);
/**
* Gets or sets the title show values of the gauge.
*/
get titleDisplaysValue(): boolean;
set titleDisplaysValue(v: boolean);
static ngAcceptInputType_titleDisplaysValue: boolean | string;
/**
* Gets or sets the subtitle show values of the gauge.
*/
get subtitleDisplaysValue(): boolean;
set subtitleDisplaysValue(v: boolean);
static ngAcceptInputType_subtitleDisplaysValue: boolean | string;
/**
* Gets or sets whether or not the title should snap angle position to needle pivot (opposite of needle pointer).
*/
get titleSnapsToNeedlePivot(): boolean;
set titleSnapsToNeedlePivot(v: boolean);
static ngAcceptInputType_titleSnapsToNeedlePivot: boolean | string;
/**
* Gets or sets whether or not the subtitle should snap angle position to needle pivot (opposite of needle pointer).
*/
get subtitleSnapsToNeedlePivot(): boolean;
set subtitleSnapsToNeedlePivot(v: boolean);
static ngAcceptInputType_subtitleSnapsToNeedlePivot: boolean | string;
/**
* Gets or sets the subtitle format used when creating subtitle label.
*/
get subtitleFormat(): string;
set subtitleFormat(v: string);
/**
* Gets or sets the format specifiers to use with the SubtitleFormat string.
*/
get subtitleFormatSpecifiers(): any[];
set subtitleFormatSpecifiers(v: any[]);
static ngAcceptInputType_subtitleFormatSpecifiers: any[] | string;
/**
* Gets or sets the title format used when creating title label.
*/
get titleFormat(): string;
set titleFormat(v: string);
/**
* Gets or sets the format specifiers to use with the TitleFormat string.
*/
get titleFormatSpecifiers(): any[];
set titleFormatSpecifiers(v: any[]);
static ngAcceptInputType_titleFormatSpecifiers: any[] | string;
/**
* Gets or sets the text displayed for the highlight label of the gauge.
*/
get highlightLabelText(): string;
set highlightLabelText(v: string);
/**
* Gets or sets the angle for the highlight label in degrees.
*/
get highlightLabelAngle(): number;
set highlightLabelAngle(v: number);
static ngAcceptInputType_highlightLabelAngle: number | string;
/**
* Gets or sets the angle for the highlight label in degrees.
*/
get highlightLabelExtent(): number;
set highlightLabelExtent(v: number);
static ngAcceptInputType_highlightLabelExtent: number | string;
/**
* Gets or sets the brush to use for rendering highlight text
*/
get highlightLabelBrush(): string;
set highlightLabelBrush(v: string);
/**
* Gets or sets the highlight label shows values of the gauge.
*/
get highlightLabelDisplaysValue(): boolean;
set highlightLabelDisplaysValue(v: boolean);
static ngAcceptInputType_highlightLabelDisplaysValue: boolean | string;
/**
* Gets or sets whether or not the highlight label should snap angle position to needle pivot (opposite of needle pointer).
*/
get highlightLabelSnapsToNeedlePivot(): boolean;
set highlightLabelSnapsToNeedlePivot(v: boolean);
static ngAcceptInputType_highlightLabelSnapsToNeedlePivot: boolean | string;
/**
* Gets or sets the format used when creating highlight label.
*/
get highlightLabelFormat(): string;
set highlightLabelFormat(v: string);
/**
* Gets or sets the format specifiers to use with the HighlightLabelFormat string.
*/
get highlightLabelFormatSpecifiers(): any[];
set highlightLabelFormatSpecifiers(v: any[]);
static ngAcceptInputType_highlightLabelFormatSpecifiers: any[] | string;
/**
* Gets or Sets the style to use for the units text.
*/
get highlightLabelTextStyle(): string;
set highlightLabelTextStyle(v: string);
/**
* Gets or Sets the style to use for the units text.
*/
get subtitleTextStyle(): string;
set subtitleTextStyle(v: string);
/**
* Gets or Sets the style to use for the units text.
*/
get titleTextStyle(): string;
set titleTextStyle(v: string);
findByName(name: string): any;
protected __p: string;
protected _hasUserValues: Set<string>;
protected get hasUserValues(): Set<string>;
protected __m(propertyName: string): void;
protected _stylingContainer: any;
protected _stylingParent: any;
protected _inStyling: boolean;
protected _styling(container: any, component: any, parent?: any): void;
/**
* Scales a value on the gauge's main scale to an angle around the center point of the gauge, in radians.
* @param value * The value to scale.
*/
scaleValue(value: number): number;
/**
* Unscales a value from an angle in radians to the represented value along the main scale of the gauge.
* @param angle * The angle in radians to unscale to a value.
*/
unscaleValue(angle: number): number;
/**
* Gets the value for the main scale of the gauge for a given point within the bounds of the gauge.
* @param point * The point for which to retrieve the associated value.
*/
getValueForPoint(point: IgPoint): number;
getPointForValue(value: number, extent: number): IgPoint;
styleUpdated(): void;
needleContainsPoint(point: IgPoint, isFinger: boolean): boolean;
highlightNeedleContainsPoint(point: IgPoint, isFinger: boolean): boolean;
/**
* Called by the UI framework to provide a UI container for rendering this control.
* @param container * The UI container element.
*/
provideContainer(container: any): void;
containerResized(): void;
/**
* Use to force the radial gauge to finish any deferred work before printing or evaluating its visual.
* This should only be called if the visual of the radial gauge needs to be synchronously saved or evaluated.
* Calling this method too often will hinder the performance of the radial gauge.
*/
flush(): void;
/**
* Returns visuals as a serialized string.
*/
exportSerializedVisualData(): string;
private _alignTitle;
/**
* Event which is raised when a title of the gauge is aligned and styled.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
* Use ui.value to obtain the value on the gauge scale associated with the label.
* Use ui.label to obtain the string value of the label.
*/
get alignTitle(): EventEmitter<{
sender: any;
args: IgxAlignRadialGaugeLabelEventArgs;
}>;
private _alignSubtitle;
/**
* Event which is raised when a subtitle of the gauge is aligned and styled.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
* Use ui.value to obtain the value on the gauge scale associated with the label.
* Use ui.label to obtain the string value of the label.
*/
get alignSubtitle(): EventEmitter<{
sender: any;
args: IgxAlignRadialGaugeLabelEventArgs;
}>;
private _alignHighlightLabel;
/**
* Event which is raised when a highlight label of the gauge is aligned and styled.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
* Use ui.value to obtain the value on the gauge scale associated with the label.
* Use ui.label to obtain the string value of the label.
*/
get alignHighlightLabel(): EventEmitter<{
sender: any;
args: IgxAlignRadialGaugeLabelEventArgs;
}>;
private _formatTitle;
/**
* Event which is raised when a title of the gauge is formatted.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the title will be located.
* Use ui.value to obtain the value on the gauge scale associated with the title.
* Use ui.label to obtain the string value of the title.
*/
get formatTitle(): EventEmitter<{
sender: any;
args: IgxFormatRadialGaugeLabelEventArgs;
}>;
private _formatSubtitle;
/**
* Event which is raised when a subtitle of the gauge is formatted.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the subtitle will be located.
* Use ui.value to obtain the value on the gauge scale associated with the subtitle.
* Use ui.label to obtain the string value of the subtitle.
*/
get formatSubtitle(): EventEmitter<{
sender: any;
args: IgxFormatRadialGaugeLabelEventArgs;
}>;
private _formatHighlightLabel;
/**
* Event which is raised when a highlight label of the gauge is formatted.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the title will be located.
* Use ui.value to obtain the value on the gauge scale associated with the title.
* Use ui.label to obtain the string value of the title.
*/
get formatHighlightLabel(): EventEmitter<{
sender: any;
args: IgxFormatRadialGaugeLabelEventArgs;
}>;
private _formatLabel;
/**
* Event which is raised when a label of the gauge is formatted.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
* Use ui.value to obtain the value on the gauge scale associated with the label.
* Use ui.label to obtain the string value of the label.
*/
get formatLabel(): EventEmitter<{
sender: any;
args: IgxFormatRadialGaugeLabelEventArgs;
}>;
private _alignLabel;
/**
* Event which is raised when a label of the gauge is aligned along the scale.
* Function takes first argument null and second argument ui.
* Use ui.owner to obtain reference to gauge widget.
* Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
* Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
* Use ui.startAngle to obtain the starting angle of gauge scale.
* Use ui.endAngle to obtain the ending angle of gauge scale.
* Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
* Use ui.value to obtain the value on the gauge scale associated with the label.
* Use ui.label to obtain the string value of the label.
* Use ui.width to obtain the width of the label.
* Use ui.height to obtain the height of the label.
* Use ui.offsetX to obtain the X offset of the label on the gauge scale.
* Use ui.offsetY to obtain the Y offset of the label on the gauge scale.
*/
get alignLabel(): EventEmitter<{
sender: any;
args: IgxAlignRadialGaugeLabelEventArgs;
}>;
private _valueChanged;
/**
* Occurs when the Value property changes.
*/
get valueChanged(): EventEmitter<{
sender: any;
args: IgxDoubleValueChangedEventArgs;
}>;
private _highlightValueChanged;
/**
* Occurs when the Hightlight Value property changes.
*/
get highlightValueChanged(): EventEmitter<{
sender: any;
args: IgxDoubleValueChangedEventArgs;
}>;
private _actualMinimumValueChange;
get actualMinimumValueChange(): EventEmitter<number>;
private _actualMaximumValueChange;
get actualMaximumValueChange(): EventEmitter<number>;
static ɵfac: i0.ɵɵFactoryDeclaration<IgxRadialGaugeComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<IgxRadialGaugeComponent, "igx-radial-gauge", never, { "height": "height"; "width": "width"; "rangeBrushes": "rangeBrushes"; "rangeOutlines": "rangeOutlines"; "minimumValue": "minimumValue"; "actualMinimumValue": "actualMinimumValue"; "maximumValue": "maximumValue"; "actualMaximumValue": "actualMaximumValue"; "interval": "interval"; "centerX": "centerX"; "centerY": "centerY"; "value": "value"; "highlightValue": "highlightValue"; "actualHighlightValueOpacity": "actualHighlightValueOpacity"; "highlightValueOpacity": "highlightValueOpacity"; "actualHighlightValueDisplayMode": "actualHighlightValueDisplayMode"; "highlightValueDisplayMode": "highlightValueDisplayMode"; "scaleStartAngle": "scaleStartAngle"; "scaleEndAngle": "scaleEndAngle"; "scaleSweepDirection": "scaleSweepDirection"; "transitionDuration": "transitionDuration"; "needleBrush": "needleBrush"; "needleOutline": "needleOutline"; "needleStartExtent": "needleStartExtent"; "needleEndExtent": "needleEndExtent"; "needleShape": "needleShape"; "needleStartWidthRatio": "needleStartWidthRatio"; "needleEndWidthRatio": "needleEndWidthRatio"; "needleBaseFeatureWidthRatio": "needleBaseFeatureWidthRatio"; "needleBaseFeatureExtent": "needleBaseFeatureExtent"; "needlePointFeatureWidthRatio": "needlePointFeatureWidthRatio"; "needlePointFeatureExtent": "needlePointFeatureExtent"; "needlePivotWidthRatio": "needlePivotWidthRatio"; "needlePivotInnerWidthRatio": "needlePivotInnerWidthRatio"; "needlePivotShape": "needlePivotShape"; "scaleStartExtent": "scaleStartExtent"; "needlePivotBrush": "needlePivotBrush"; "needlePivotOutline": "needlePivotOutline"; "needleStrokeThickness": "needleStrokeThickness"; "needlePivotStrokeThickness": "needlePivotStrokeThickness"; "scaleEndExtent": "scaleEndExtent"; "labelExtent": "labelExtent"; "labelInterval": "labelInterval"; "tickStartExtent": "tickStartExtent"; "tickEndExtent": "tickEndExtent"; "tickStrokeThickness": "tickStrokeThickness"; "tickBrush": "tickBrush"; "fontBrush": "fontBrush"; "minorTickStartExtent": "minorTickStartExtent"; "minorTickEndExtent": "minorTickEndExtent"; "minorTickStrokeThickness": "minorTickStrokeThickness"; "minorTickBrush": "minorTickBrush"; "minorTickCount": "minorTickCount"; "scaleBrush": "scaleBrush"; "backingBrush": "backingBrush"; "backingOutline": "backingOutline"; "backingStrokeThickness": "backingStrokeThickness"; "backingOuterExtent": "backingOuterExtent"; "backingOversweep": "backingOversweep"; "scaleOversweep": "scaleOversweep"; "scaleOversweepShape": "scaleOversweepShape"; "backingCornerRadius": "backingCornerRadius"; "backingInnerExtent": "backingInnerExtent"; "backingShape": "backingShape"; "radiusMultiplier": "radiusMultiplier"; "duplicateLabelOmissionStrategy": "duplicateLabelOmissionStrategy"; "isNeedleDraggingEnabled": "isNeedleDraggingEnabled"; "isNeedleDraggingConstrained": "isNeedleDraggingConstrained"; "isHighlightNeedleDraggingEnabled": "isHighlightNeedleDraggingEnabled"; "isHighlightNeedleDraggingConstrained": "isHighlightNeedleDraggingConstrained"; "font": "font"; "labelFormat": "labelFormat"; "labelFormatSpecifiers": "labelFormatSpecifiers"; "transitionProgress": "transitionProgress"; "pixelScalingRatio": "pixelScalingRatio"; "actualPixelScalingRatio": "actualPixelScalingRatio"; "opticalScalingRatio": "opticalScalingRatio"; "opticalScalingEnabled": "opticalScalingEnabled"; "opticalScalingSize": "opticalScalingSize"; "titleText": "titleText"; "subtitleText": "subtitleText"; "titleAngle": "titleAngle"; "subtitleAngle": "subtitleAngle"; "titleExtent": "titleExtent"; "subtitleExtent": "subtitleExtent"; "titleBrush": "titleBrush"; "subtitleBrush": "subtitleBrush"; "titleDisplaysValue": "titleDisplaysValue"; "subtitleDisplaysValue": "subtitleDisplaysValue"; "titleSnapsToNeedlePivot": "titleSnapsToNeedlePivot"; "subtitleSnapsToNeedlePivot": "subtitleSnapsToNeedlePivot"; "subtitleFormat": "subtitleFormat"; "subtitleFormatSpecifiers": "subtitleFormatSpecifiers"; "titleFormat": "titleFormat"; "titleFormatSpecifiers": "titleFormatSpecifiers"; "highlightLabelText": "highlightLabelText"; "highlightLabelAngle": "highlightLabelAngle"; "highlightLabelExtent": "highlightLabelExtent"; "highlightLabelBrush": "highlightLabelBrush"; "highlightLabelDisplaysValue": "highlightLabelDisplaysValue"; "highlightLabelSnapsToNeedlePivot": "highlightLabelSnapsToNeedlePivot"; "highlightLabelFormat": "highlightLabelFormat"; "highlightLabelFormatSpecifiers": "highlightLabelFormatSpecifiers"; "highlightLabelTextStyle": "highlightLabelTextStyle"; "subtitleTextStyle": "subtitleTextStyle"; "titleTextStyle": "titleTextStyle"; }, { "alignTitle": "alignTitle"; "alignSubtitle": "alignSubtitle"; "alignHighlightLabel": "alignHighlightLabel"; "formatTitle": "formatTitle"; "formatSubtitle": "formatSubtitle"; "formatHighlightLabel": "formatHighlightLabel"; "formatLabel": "formatLabel"; "alignLabel": "alignLabel"; "valueChanged": "valueChanged"; "highlightValueChanged": "highlightValueChanged"; "actualMinimumValueChange": "actualMinimumValueChange"; "actualMaximumValueChange": "actualMaximumValueChange"; }, ["contentRanges"], never>;
}