igniteui-angular-charts
Version:
Ignite UI Angular charting components for building rich data visualizations for modern web apps.
1,446 lines • 250 kB
JavaScript
import { Component, EventEmitter, Output, Input } from '@angular/core';
import { HorizontalAlignment_$type } from "igniteui-angular-core";
import { UnknownValuePlotting_$type } from "igniteui-angular-core";
import { TrendLineType_$type } from "igniteui-angular-core";
import { IgxChartSeriesEventArgs } from './igx-chart-series-event-args';
import { toPoint, arrayFindByName, brushToString, stringToBrush, toBrushCollection, fromBrushCollection, fromRect, toRect, ensureBool, ensureEnum, toSpinal, initializePropertiesFromCss, NamePatcher } from "igniteui-angular-core";
import { MarkerType_$type } from "./MarkerType";
import { delegateCombine } from "igniteui-angular-core";
import { IgxDomainChartSeriesPointerEventArgs } from './igx-domain-chart-series-pointer-event-args';
import { MarkerTypeCollection as MarkerTypeCollection_internal } from './MarkerTypeCollection';
import { IgxMarkerTypeCollection } from './igx-marker-type-collection';
import { SyncableObservableCollection$1 } from "igniteui-angular-core";
import { ToolTipType_$type } from "./ToolTipType";
import { CrosshairsDisplayMode_$type } from "./CrosshairsDisplayMode";
import { IgxCalloutStyleUpdatingEventArgs } from "./igx-callout-style-updating-event-args";
import { ComputedPlotAreaMarginMode_$type } from './ComputedPlotAreaMarginMode';
import { SeriesHighlightingMode_$type } from './SeriesHighlightingMode';
import { SeriesHighlightingBehavior_$type } from './SeriesHighlightingBehavior';
import { LegendHighlightingMode_$type } from './LegendHighlightingMode';
import { SeriesOutlineMode_$type } from './SeriesOutlineMode';
import { MarkerOutlineMode_$type } from './MarkerOutlineMode';
import { MarkerFillMode_$type } from './MarkerFillMode';
import { MarkerAutomaticBehavior_$type } from './MarkerAutomaticBehavior';
import { LegendItemBadgeMode_$type } from "igniteui-angular-core";
import { LegendItemBadgeShape_$type } from "igniteui-angular-core";
import { DataAbbreviationMode_$type } from "igniteui-angular-core";
import { DataLegendValueMode_$type } from "igniteui-angular-core";
import { DataLegendHeaderDateMode_$type } from "igniteui-angular-core";
import { DataLegendHeaderTimeMode_$type } from "igniteui-angular-core";
import { DataLegendUnitsMode_$type } from "igniteui-angular-core";
import { DataLegendLabelMode_$type } from "igniteui-angular-core";
import { DataLegendSummaryType_$type } from "igniteui-angular-core";
import { Thickness } from "igniteui-angular-core";
import { FontInfo } from "igniteui-angular-core";
import { SeriesPlotAreaMarginHorizontalMode_$type } from './SeriesPlotAreaMarginHorizontalMode';
import { SeriesPlotAreaMarginVerticalMode_$type } from './SeriesPlotAreaMarginVerticalMode';
import { IgxCalloutPlacementPositionsCollection } from './igx-callout-placement-positions-collection';
import { CalloutPlacementPositions_$type } from './CalloutPlacementPositions';
import { SeriesViewerScrollbarMode_$type } from './SeriesViewerScrollbarMode';
import { SeriesViewerHorizontalScrollbarPosition_$type } from './SeriesViewerHorizontalScrollbarPosition';
import { SeriesViewerVerticalScrollbarPosition_$type } from './SeriesViewerVerticalScrollbarPosition';
import { IgxCalloutRenderStyleUpdatingEventArgs } from './igx-callout-render-style-updating-event-args';
import { CalloutPlacementPositionsCollection as CalloutPlacementPositionsCollection_internal } from './CalloutPlacementPositionsCollection';
import { DataToolTipLayerGroupingMode_$type } from "igniteui-angular-core";
import { DataTooltipGroupedPositionX_$type } from "igniteui-angular-core";
import { DataTooltipGroupedPositionY_$type } from "igniteui-angular-core";
import { IgxChartSummaryDescriptionCollection } from './igx-chart-summary-description-collection';
import { IgxChartSortDescriptionCollection } from './igx-chart-sort-description-collection';
import { IgxFilterExpressionCollection } from "igniteui-angular-core";
import { ValueModeCollection as ValueModeCollection_internal } from './ValueModeCollection';
import { IgxValueModeCollection } from './igx-value-mode-collection';
import { ValueLayerValueMode_$type } from './ValueLayerValueMode';
import { IgxFilterStringErrorsParsingEventArgs } from './igx-filter-string-errors-parsing-event-args';
import { SeriesHighlightedValuesDisplayMode_$type } from "igniteui-angular-core";
import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
import { SeriesSelectionBehavior_$type } from './SeriesSelectionBehavior';
import { ChartSelectedItemCollection as ChartSelectedItemCollection_internal } from "./ChartSelectedItemCollection";
import { ChartSelection } from "./ChartSelection";
import { IgxSeriesViewerSelectedSeriesItemsChangedEventArgs } from "./igx-series-viewer-selected-series-items-changed-event-args";
import { IgxChartSelectedItemCollection } from "./igx-chart-selected-item-collection";
import { CalloutCollisionMode_$type } from "igniteui-angular-core";
import { Visibility_$type } from "igniteui-angular-core";
import { IgxDomainChartPlotAreaPointerEventArgs } from './igx-domain-chart-plot-area-pointer-event-args';
import { IgxTrendLineTypeCollection } from './igx-trend-line-type-collection';
import { TrendLineTypeCollection as TrendLineTypeCollection_internal } from './TrendLineTypeCollection';
import { IgxDomainChartTestingInfo } from './igx-domain-chart-testing-info';
import { IgxCalloutLabelUpdatingEventArgs } from './igx-callout-label-updating-event-args';
import { IgxUserAnnotationInformationEventArgs } from "./igx-user-annotation-information-event-args";
import { IgxUserAnnotationToolTipContentUpdatingEventArgs } from "./igx-user-annotation-tool-tip-content-updating-event-args";
import * as i0 from "@angular/core";
/**
* Represents a base class for all domain charts that can plot scatter data and shapefiles
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* bottomMargin= 20>
* </igx-category-chart>
* ```
*/
var IgxDomainChartComponent = /** @class */ /*@__PURE__*/ (function () {
function IgxDomainChartComponent() {
this._calloutsDataSource = null;
this._selectedSeriesItems = null;
this._focusedSeriesItems = null;
this._markerTypes = null;
this._trendLineTypes = null;
this._calloutsAllowedPositions = null;
this._valueLines = null;
this.__p = null;
this._hasUserValues = new Set();
this._stylingContainer = null;
this._stylingParent = null;
this._inStyling = false;
this._userAnnotationInformationRequested = null;
this._userAnnotationToolTipContentUpdating = null;
this._seriesAdded = null;
this._seriesRemoved = null;
this._seriesPointerEnter = null;
this._seriesPointerLeave = null;
this._seriesPointerMove = null;
this._seriesPointerDown = null;
this._seriesPointerUp = null;
this._seriesClick = null;
this._plotAreaPointerEnter = null;
this._plotAreaPointerLeave = null;
this._plotAreaPointerMove = null;
this._plotAreaPointerDown = null;
this._plotAreaPointerUp = null;
this._calloutStyleUpdating = null;
this._calloutRenderStyleUpdating = null;
this._calloutLabelUpdating = null;
this._selectedSeriesItemsChanged = null;
this._focusedSeriesItemsChanged = null;
this._filterStringErrorsParsing = null;
this._zoneRunner = null;
if (this._styling) {
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
}
this._implementation = this.createImplementation();
this._implementation.externalObject = this;
this.onImplementationCreated();
}
IgxDomainChartComponent.prototype.createImplementation = function () {
return null;
};
IgxDomainChartComponent.prototype.ngOnInit = function () {
};
Object.defineProperty(IgxDomainChartComponent.prototype, "i", {
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.onImplementationCreated = function () {
};
Object.defineProperty(IgxDomainChartComponent.prototype, "tooltipTemplate", {
/**
* Sets or gets the template reference to use for tooltips for all the series.
*
*
*/
get: function () {
return this.i.tooltipTemplate;
},
set: function (v) {
this.i.tooltipTemplate = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "tooltipTemplates", {
/**
* Sets or gets the template references to use for tooltips for all the series, in order.
*
*
*/
get: function () {
var ret = [];
if (this.i.tooltipTemplates) {
for (var ii = 0; ii < this.i.tooltipTemplates.count; ii++) {
ret.push(this.i.tooltipTemplates.item(ii));
}
}
return ret;
},
set: function (v) {
this.i.tooltipTemplates.clear();
if (v) {
for (var ii = 0; ii < v.length; ii++) {
this.i.tooltipTemplates.add(v[ii]);
}
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "legend", {
get: function () {
if (this.i.legend != null)
return this.i.legend.externalObject;
},
set: function (v) {
if (v != undefined && v != null)
this.i.legend = v.i;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "calloutsDataSource", {
get: function () {
return this._calloutsDataSource;
},
set: function (value) {
this._calloutsDataSource = value;
this.bindCalloutsData();
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.bindCalloutsData = function () {
if (this.i != null && this.i !== undefined) {
this.i.calloutsItemsSource = this._calloutsDataSource;
}
};
Object.defineProperty(IgxDomainChartComponent.prototype, "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: function () {
return this.i.kj;
},
set: function (v) {
this.i.kj = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleLeftMargin", {
/**
* Gets or sets the left margin of chart title
*
* Use `titleLeftMargin` property for the left margin of chart title.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* titleLeftMargin= 10>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.titleLeftMargin = 10;
* ```
*/
get: function () {
return this.i.kw;
},
set: function (v) {
this.i.kw = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleRightMargin", {
/**
* Gets or sets the right margin of chart title
*
* Use `titleLeftMargin` property for the right margin of chart title.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* titleRightMargin= 10>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.titleRightMargin = 10;
* ```
*/
get: function () {
return this.i.kx;
},
set: function (v) {
this.i.kx = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleTopMargin", {
/**
* Gets or sets the top margin of chart title
*
* Use `titleTopMargin` property for the top margin of chart title.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* title="Countries"
* titleTopMargin=10 >
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.titleTopMargin = 10;
* ```
*/
get: function () {
return this.i.ky;
},
set: function (v) {
this.i.ky = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleBottomMargin", {
/**
* Gets or sets the bottom margin of chart title
*
* Use `titleBottomMargin` property for the bottom margin of chart title.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* titleBottomMargin= 10 >
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.titleBottomMargin = 5;
* ```
*/
get: function () {
return this.i.kv;
},
set: function (v) {
this.i.kv = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleLeftMargin", {
/**
* Gets or sets the left margin of chart subtitle
*
* Use `subtitleLeftMargin` property for the left margin of chart subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitleLeftMargin= 20>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleLeftMargin = 20 ;
* ```
*/
get: function () {
return this.i.kr;
},
set: function (v) {
this.i.kr = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleTopMargin", {
/**
* Gets or sets the top margin of chart subtitle
*
* Use `subtitleTopMargin` property for the top margin of chart subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitle= "This is a subtitle"
* subtitleTopMargin=10>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleTopMargin = 10;
* ```
*/
get: function () {
return this.i.kt;
},
set: function (v) {
this.i.kt = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleRightMargin", {
/**
* Gets or sets the right margin of chart subtitle
*
* Use `subtitleRightMargin` property for the right margin of chart subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitleRightMargin= 10>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleRightMargin = 20 ;
* ```
*/
get: function () {
return this.i.ks;
},
set: function (v) {
this.i.ks = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleBottomMargin", {
/**
* Gets or sets the bottom margin of chart subtitle
*
* Use `subtitleBottomMargin` property for the bottom margin of chart subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitleBottomMargin=10>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleBottomMargin = 10 ;
* ```
*/
get: function () {
return this.i.kq;
},
set: function (v) {
this.i.kq = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleTextColor", {
/**
* Gets or sets color of chart subtitle
*
* Use `subtitleTextColor` property to color the subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitle= "This is a subtitle"
* subtitleTextColor= 'blue'>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleTextColor = "#ff0000" ;
* ```
*/
get: function () {
return brushToString(this.i.aaf);
},
set: function (v) {
this.i.aaf = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleTextColor", {
/**
* Gets or sets color of chart title
*
* Use `titleTextColor` property to color the chart title
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* titleTextColor= "red">
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.titleTextColor="red" ;
* ```
*/
get: function () {
return brushToString(this.i.aag);
},
set: function (v) {
this.i.aag = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "leftMargin", {
/**
* Gets or sets the left margin of the chart content.
*
* Use the 'leftMargin' property for the left margin of the chart content.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* leftMargin=20>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.leftMargin = 20;
* ```
*/
get: function () {
return this.i.kg;
},
set: function (v) {
this.i.kg = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "topMargin", {
/**
* Gets or sets the top margin of the chart content.
*
* Use `topMargin` property for the margin of the chart content.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* topMargin= 20>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.topMargin=20;
* ```
*/
get: function () {
return this.i.kz;
},
set: function (v) {
this.i.kz = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "rightMargin", {
/**
* Gets or sets the right margin of the chart content.
*
* Use `rightMargin` property for the right margin of the chart content.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* rightMargin=20>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.rightMargin = 20 ;
* ```
*/
get: function () {
return this.i.kp;
},
set: function (v) {
this.i.kp = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "bottomMargin", {
/**
* Gets or sets the bottom margin around the chart content.
*
* Use the `bottomMargin` property for the bottom margin around the chart content.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* bottomMargin= 20>
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.bottomMargin=20;
* ```
*/
get: function () {
return this.i.j1;
},
set: function (v) {
this.i.j1 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "transitionDuration", {
/**
* Gets or sets the duration used for animating series plots when the data is changing
*
* Use the `TransitionDuration` property to animating between data values.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* transitionDuration="500">
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.transitionDuratio= 500;
* ```
*/
get: function () {
return this.i.l8;
},
set: function (v) {
this.i.l8 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "transitionEasingFunction", {
/**
* Gets or sets the easing function used for animating series plots when the data is changing.
* This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
*
* The 'transitionInEasingFunction' property used for easing function for animating series plots when the chart is loading into view.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* transitionInEasingFunction= "cubic">
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.transitionInEasingFunction= this.cubicFunc;
*
* cubicFunc(time: number) : number
* {
* return time;
* }
* ```
*/
get: function () {
return this.i.ey;
},
set: function (v) {
this.i.ey = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "highlightingTransitionDuration", {
/**
* Gets or sets the duration used for animating highlighting changes
*/
get: function () {
return this.i.l4;
},
set: function (v) {
this.i.l4 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "selectionTransitionDuration", {
/**
* Gets or sets the duration used for animating Selection changes
*/
get: function () {
return this.i.l7;
},
set: function (v) {
this.i.l7 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "focusTransitionDuration", {
/**
* Gets or sets the duration used for animating Focus changes
*/
get: function () {
return this.i.l2;
},
set: function (v) {
this.i.l2 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "subtitleTextStyle", {
/**
* Gets or sets CSS font property for the chart subtitle
*
* Use `subtitleTextStyle` property for the CSS font of the chart subtitle.
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* subtitle= "This is a subtitle"
* subtitleTextStyle ="16pt Verdona">
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.subtitleTextStyle= "16pt Verdona";
* ```
*/
get: function () {
return this.i.tt;
},
set: function (v) {
this.i.tt = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "titleTextStyle", {
/**
* Gets or sets CSS font property for the chart title
*
* Use `titleTextStyle` property for the CSS font property of the chart title
*
* ```html
* <igx-category-chart
* yAxisMinimumValue="0"
* [dataSource]="data"
* titleTextStyle= "24pt Verdona">
* </igx-category-chart>
* ```
*
* ```ts
* this.chart.xAxisTitleTextStyle = "24pt Verdona";
* ```
*/
get: function () {
return this.i.t4;
},
set: function (v) {
this.i.t4 = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "isDetached", {
get: function () {
return this.i.isDetached;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipGroupingMode", {
get: function () {
return this.i.b0;
},
set: function (v) {
this.i.b0 = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipPositionOffsetX", {
/**
* Gets or sets the offset of the tooltip layer on the X axis.
*/
get: function () {
return this.i.j6;
},
set: function (v) {
this.i.j6 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipPositionOffsetY", {
/**
* Gets or sets the offset of the tooltip layer on the Y axis.
*/
get: function () {
return this.i.j7;
},
set: function (v) {
this.i.j7 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipDefaultPositionOffsetX", {
/**
* Gets or sets the offset of the tooltip layer on the X axis.
*/
get: function () {
return this.i.j4;
},
set: function (v) {
this.i.j4 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipDefaultPositionOffsetY", {
/**
* Gets or sets the offset of the tooltip layer on the Y axis.
*/
get: function () {
return this.i.j5;
},
set: function (v) {
this.i.j5 = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipGroupedPositionModeX", {
/**
* Gets or sets the tooltip position mode on the X axis for grouped series.
*/
get: function () {
return this.i.bw;
},
set: function (v) {
this.i.bw = ensureEnum(DataTooltipGroupedPositionX_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipGroupedPositionModeY", {
/**
* Gets or sets the tooltip position mode on the Y axis for grouped series.
*/
get: function () {
return this.i.by;
},
set: function (v) {
this.i.by = ensureEnum(DataTooltipGroupedPositionY_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipShouldUpdateWhenSeriesDataChanges", {
/**
* Gets or sets whether the data legend should update when the series data is mutated.
*/
get: function () {
return this.i.g3;
},
set: function (v) {
this.i.g3 = ensureBool(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipIncludedSeries", {
/**
* Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
* The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
*/
get: function () {
return this.i.m;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.m = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipExcludedSeries", {
/**
* Gets or sets indexes, titles, or names of series to exclude from displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
* The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
*/
get: function () {
return this.i.j;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.j = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipIncludedColumns", {
/**
* Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
* The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
*/
get: function () {
return this.i.l;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.l = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipExcludedColumns", {
/**
* Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
* The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
*/
get: function () {
return this.i.i;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.i = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatAbbreviation", {
/**
* Gets or sets mode for abbreviating large numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.be;
},
set: function (v) {
this.i.be = ensureEnum(DataAbbreviationMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatMaxFractions", {
/**
* Gets or sets maximum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.ly;
},
set: function (v) {
this.i.ly = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatMinFractions", {
/**
* Gets or sets minimum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.lz;
},
set: function (v) {
this.i.lz = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatMode", {
/**
* Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
*/
get: function () {
return this.i.bu;
},
set: function (v) {
this.i.bu = ensureEnum(DataLegendValueMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatCulture", {
/**
* Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.qp;
},
set: function (v) {
this.i.qp = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatUseGrouping", {
/**
* Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.g4;
},
set: function (v) {
this.i.g4 = ensureBool(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatString", {
/**
* Gets or sets the format string for values displayed in the data legend.
*/
get: function () {
return this.i.qv;
},
set: function (v) {
this.i.qv = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueFormatSpecifiers", {
/**
* Gets or sets the format specifiers to use with the ValueFormatString string.
*/
get: function () {
return this.i.n;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.n = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueRowMarginBottom", {
get: function () {
return this.i.aa9 ? this.i.aa9.bottom : NaN;
},
set: function (v) {
this.ensureDataToolTipValueRowMargin();
this.i.aa9.bottom = +v;
this.i.aa9 = this.i.aa9;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueRowMarginLeft", {
get: function () {
return this.i.aa9 ? this.i.aa9.left : NaN;
},
set: function (v) {
this.ensureDataToolTipValueRowMargin();
this.i.aa9.left = +v;
this.i.aa9 = this.i.aa9;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueRowMarginRight", {
get: function () {
return this.i.aa9 ? this.i.aa9.right : NaN;
},
set: function (v) {
this.ensureDataToolTipValueRowMargin();
this.i.aa9.right = +v;
this.i.aa9 = this.i.aa9;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueRowMarginTop", {
get: function () {
return this.i.aa9 ? this.i.aa9.top : NaN;
},
set: function (v) {
this.ensureDataToolTipValueRowMargin();
this.i.aa9.top = +v;
this.i.aa9 = this.i.aa9;
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.ensureDataToolTipValueRowMargin = function () {
if (this.i.aa9) {
return;
}
this.i.aa9 = new Thickness(2);
};
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueRowVisible", {
/**
* Gets or sets whether to show series rows.
*/
get: function () {
return this.i.g5;
},
set: function (v) {
this.i.g5 = ensureBool(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextWhenMissingData", {
/**
* Gets or sets text displayed when data column is missing a value, e.g. "no data"
*/
get: function () {
return this.i.q4;
},
set: function (v) {
this.i.q4 = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextUseSeriesColors", {
/**
* Gets or sets whether to use series colors when displaying values in the legend
*/
get: function () {
return this.i.g6;
},
set: function (v) {
this.i.g6 = ensureBool(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextMarginBottom", {
get: function () {
return this.i.aba ? this.i.aba.bottom : NaN;
},
set: function (v) {
this.ensureDataToolTipValueTextMargin();
this.i.aba.bottom = +v;
this.i.aba = this.i.aba;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextMarginLeft", {
get: function () {
return this.i.aba ? this.i.aba.left : NaN;
},
set: function (v) {
this.ensureDataToolTipValueTextMargin();
this.i.aba.left = +v;
this.i.aba = this.i.aba;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextMarginRight", {
get: function () {
return this.i.aba ? this.i.aba.right : NaN;
},
set: function (v) {
this.ensureDataToolTipValueTextMargin();
this.i.aba.right = +v;
this.i.aba = this.i.aba;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextMarginTop", {
get: function () {
return this.i.aba ? this.i.aba.top : NaN;
},
set: function (v) {
this.ensureDataToolTipValueTextMargin();
this.i.aba.top = +v;
this.i.aba = this.i.aba;
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.ensureDataToolTipValueTextMargin = function () {
if (this.i.aba) {
return;
}
this.i.aba = new Thickness(2);
};
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextColor", {
/**
* Gets or sets the units text color.
*/
get: function () {
return brushToString(this.i.z3);
},
set: function (v) {
this.i.z3 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipValueTextStyle", {
/**
* Gets or Sets the style to use for the units text.
*/
get: function () {
if (this.i.fk == null) {
return null;
}
return this.i.fk.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.fk = fi;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderFormatString", {
/**
* Gets or sets the format string for header text displayed in the data legend.
*/
get: function () {
return this.i.pf;
},
set: function (v) {
this.i.pf = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderFormatSpecifiers", {
/**
* Gets or sets the format specifiers to use with the HeaderFormatString string.
*/
get: function () {
return this.i.k;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.k = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderFormatCulture", {
/**
* Gets or sets globalization culture when displaying header as date time
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.pb;
},
set: function (v) {
this.i.pb = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderFormatDate", {
/**
* Gets or sets date format for the header
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.bk;
},
set: function (v) {
this.i.bk = ensureEnum(DataLegendHeaderDateMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderFormatTime", {
/**
* Gets or sets time format for the header
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.bm;
},
set: function (v) {
this.i.bm = ensureEnum(DataLegendHeaderTimeMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderText", {
/**
* Gets or sets the HeaderText for the data legend.
*/
get: function () {
return this.i.pk;
},
set: function (v) {
this.i.pk = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderTextColor", {
/**
* Gets or sets the header text color.
*/
get: function () {
return brushToString(this.i.zv);
},
set: function (v) {
this.i.zv = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderTextMarginBottom", {
get: function () {
return this.i.aa3 ? this.i.aa3.bottom : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.aa3.bottom = +v;
this.i.aa3 = this.i.aa3;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderTextMarginLeft", {
get: function () {
return this.i.aa3 ? this.i.aa3.left : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.aa3.left = +v;
this.i.aa3 = this.i.aa3;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderTextMarginRight", {
get: function () {
return this.i.aa3 ? this.i.aa3.right : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.aa3.right = +v;
this.i.aa3 = this.i.aa3;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderTextMarginTop", {
get: function () {
return this.i.aa3 ? this.i.aa3.top : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.aa3.top = +v;
this.i.aa3 = this.i.aa3;
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.ensureDataToolTipHeaderTextMargin = function () {
if (this.i.aa3) {
return;
}
this.i.aa3 = new Thickness(2);
};
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderRowMarginBottom", {
get: function () {
return this.i.aa2 ? this.i.aa2.bottom : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.aa2.bottom = +v;
this.i.aa2 = this.i.aa2;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderRowMarginLeft", {
get: function () {
return this.i.aa2 ? this.i.aa2.left : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.aa2.left = +v;
this.i.aa2 = this.i.aa2;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderRowMarginRight", {
get: function () {
return this.i.aa2 ? this.i.aa2.right : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.aa2.right = +v;
this.i.aa2 = this.i.aa2;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderRowMarginTop", {
get: function () {
return this.i.aa2 ? this.i.aa2.top : NaN;
},
set: function (v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.aa2.top = +v;
this.i.aa2 = this.i.aa2;
},
enumerable: false,
configurable: true
});
IgxDomainChartComponent.prototype.ensureDataToolTipHeaderRowMargin = function () {
if (this.i.aa2) {
return;
}
this.i.aa2 = new Thickness(2);
};
Object.defineProperty(IgxDomainChartComponent.prototype, "dataToolTipHeaderRowVisible", {
/**
* Gets or sets whether to show Header row.
*/
get: function () {
return this.i.g2;
},
set: function (v) {
this.i.g2 = ensureBool(v);
},
enumerable: false,
configurable: t