igniteui-webcomponents-charts
Version:
Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.
4,498 lines • 175 kB
JavaScript
import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
import { UnknownValuePlotting_$type } from "igniteui-webcomponents-core";
import { TrendLineType_$type } from "igniteui-webcomponents-core";
import { IgcChartSeriesEventArgs } from './igc-chart-series-event-args';
import { arrayFindByName, brushToString, stringToBrush, toBrushCollection, fromBrushCollection, fromRect, toRect, ensureBool, ensureEnum, toSpinal, fromSpinal, enumToString, rectToString, brushCollectionToString, getAllPropertyNames, initializePropertiesFromCss, NamePatcher } from "igniteui-webcomponents-core";
import { MarkerType_$type } from "./MarkerType";
import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
import { IgcDomainChartSeriesPointerEventArgs } from './igc-domain-chart-series-pointer-event-args';
import { MarkerTypeCollection as MarkerTypeCollection_internal } from './MarkerTypeCollection';
import { IgcMarkerTypeCollection } from './igc-marker-type-collection';
import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
import { ToolTipType_$type } from "./ToolTipType";
import { CrosshairsDisplayMode_$type } from "./CrosshairsDisplayMode";
import { IgcCalloutStyleUpdatingEventArgs } from "./igc-callout-style-updating-event-args";
import { IgcHTMLElement } from "igniteui-webcomponents-core";
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-webcomponents-core";
import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
import { DataAbbreviationMode_$type } from "igniteui-webcomponents-core";
import { DataLegendValueMode_$type } from "igniteui-webcomponents-core";
import { DataLegendHeaderDateMode_$type } from "igniteui-webcomponents-core";
import { DataLegendHeaderTimeMode_$type } from "igniteui-webcomponents-core";
import { DataLegendUnitsMode_$type } from "igniteui-webcomponents-core";
import { DataLegendLabelMode_$type } from "igniteui-webcomponents-core";
import { DataLegendSummaryType_$type } from "igniteui-webcomponents-core";
import { Thickness } from "igniteui-webcomponents-core";
import { FontInfo } from "igniteui-webcomponents-core";
import { SeriesPlotAreaMarginHorizontalMode_$type } from './SeriesPlotAreaMarginHorizontalMode';
import { SeriesPlotAreaMarginVerticalMode_$type } from './SeriesPlotAreaMarginVerticalMode';
import { IgcCalloutPlacementPositionsCollection } from './igc-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 { IgcCalloutRenderStyleUpdatingEventArgs } from './igc-callout-render-style-updating-event-args';
import { CalloutPlacementPositionsCollection as CalloutPlacementPositionsCollection_internal } from './CalloutPlacementPositionsCollection';
import { DataToolTipLayerGroupingMode_$type } from "igniteui-webcomponents-core";
import { DataTooltipGroupedPositionX_$type } from "igniteui-webcomponents-core";
import { DataTooltipGroupedPositionY_$type } from "igniteui-webcomponents-core";
import { IgcChartSummaryDescriptionCollection } from './igc-chart-summary-description-collection';
import { IgcChartSortDescriptionCollection } from './igc-chart-sort-description-collection';
import { IgcFilterExpressionCollection } from "igniteui-webcomponents-core";
import { ValueModeCollection as ValueModeCollection_internal } from './ValueModeCollection';
import { IgcValueModeCollection } from './igc-value-mode-collection';
import { ValueLayerValueMode_$type } from './ValueLayerValueMode';
import { IgcFilterStringErrorsParsingEventArgs } from './igc-filter-string-errors-parsing-event-args';
import { SeriesHighlightedValuesDisplayMode_$type } from "igniteui-webcomponents-core";
import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
import { SeriesSelectionBehavior_$type } from './SeriesSelectionBehavior';
import { ChartSelectedItemCollection as ChartSelectedItemCollection_internal } from "./ChartSelectedItemCollection";
import { ChartSelection } from "./ChartSelection";
import { IgcSeriesViewerSelectedSeriesItemsChangedEventArgs } from "./igc-series-viewer-selected-series-items-changed-event-args";
import { IgcChartSelectedItemCollection } from "./igc-chart-selected-item-collection";
import { CalloutCollisionMode_$type } from "igniteui-webcomponents-core";
import { Visibility_$type } from "igniteui-webcomponents-core";
import { IgcDomainChartPlotAreaPointerEventArgs } from './igc-domain-chart-plot-area-pointer-event-args';
import { IgcTrendLineTypeCollection } from './igc-trend-line-type-collection';
import { TrendLineTypeCollection as TrendLineTypeCollection_internal } from './TrendLineTypeCollection';
export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
class IgcDomainChartComponent extends IgcHTMLElement {
createImplementation() {
return null;
}
get i() {
return this._implementation;
}
onImplementationCreated() {
}
constructor() {
super();
this._calloutsDataSource = null;
this._settingAttributes = false;
this._attached = false;
this._queuedSetAttributes = [];
this._updatingFromAttribute = false;
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._seriesAdded = null;
this._seriesAdded_wrapped = null;
this._seriesRemoved = null;
this._seriesRemoved_wrapped = null;
this._seriesPointerEnter = null;
this._seriesPointerEnter_wrapped = null;
this._seriesPointerLeave = null;
this._seriesPointerLeave_wrapped = null;
this._seriesPointerMove = null;
this._seriesPointerMove_wrapped = null;
this._seriesPointerDown = null;
this._seriesPointerDown_wrapped = null;
this._seriesPointerUp = null;
this._seriesPointerUp_wrapped = null;
this._seriesClick = null;
this._seriesClick_wrapped = null;
this._plotAreaPointerEnter = null;
this._plotAreaPointerEnter_wrapped = null;
this._plotAreaPointerLeave = null;
this._plotAreaPointerLeave_wrapped = null;
this._plotAreaPointerMove = null;
this._plotAreaPointerMove_wrapped = null;
this._plotAreaPointerDown = null;
this._plotAreaPointerDown_wrapped = null;
this._plotAreaPointerUp = null;
this._plotAreaPointerUp_wrapped = null;
this._calloutStyleUpdating = null;
this._calloutStyleUpdating_wrapped = null;
this._calloutRenderStyleUpdating = null;
this._calloutRenderStyleUpdating_wrapped = null;
this._selectedSeriesItemsChanged = null;
this._selectedSeriesItemsChanged_wrapped = null;
this._focusedSeriesItemsChanged = null;
this._focusedSeriesItemsChanged_wrapped = null;
this._filterStringErrorsParsing = null;
this._filterStringErrorsParsing_wrapped = null;
if (this._styling) {
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
}
this._implementation = this.createImplementation();
this._implementation.externalObject = this;
this.onImplementationCreated();
}
/**
* Sets or gets the template reference to use for tooltips for all the series.
*
*
*/
get tooltipTemplate() {
return this.i.tooltipTemplate;
}
set tooltipTemplate(v) {
this.i.tooltipTemplate = v;
}
/**
* Sets or gets the template references to use for tooltips for all the series, in order.
*
*
*/
get tooltipTemplates() {
let ret = [];
if (this.i.tooltipTemplates) {
for (let ii = 0; ii < this.i.tooltipTemplates.count; ii++) {
ret.push(this.i.tooltipTemplates.item(ii));
}
}
return ret;
}
set tooltipTemplates(v) {
this.i.tooltipTemplates.clear();
if (v) {
for (let ii = 0; ii < v.length; ii++) {
this.i.tooltipTemplates.add(v[ii]);
}
}
}
get legend() {
if (this.i.legend != null)
return this.i.legend.externalObject;
}
set legend(v) {
if (v != undefined && v != null)
this.i.legend = v.i;
}
set calloutsDataSource(value) {
this._calloutsDataSource = value;
this.bindCalloutsData();
}
get calloutsDataSource() {
return this._calloutsDataSource;
}
bindCalloutsData() {
if (this.i != null && this.i !== undefined) {
this.i.calloutsItemsSource = this._calloutsDataSource;
}
}
_enqueueSetAttribute(attrName, attrValue) {
this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
}
_flushQueuedAttributes() {
this._settingAttributes = true;
for (let i = 0; i < this._queuedSetAttributes.length; i++) {
this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
}
this._settingAttributes = false;
this._queuedSetAttributes.length = 0;
}
_a(attrName, attrValue) {
if (this._updatingFromAttribute) {
return;
}
if (attrValue) {
attrValue = attrValue.toString();
}
this._settingAttributes = true;
attrName = toSpinal(attrName);
if (this._attached) {
this.setAttribute(attrName, attrValue);
}
else {
this._enqueueSetAttribute(attrName, attrValue);
}
this._settingAttributes = false;
}
static get observedAttributes() {
if (IgcDomainChartComponent._observedAttributesIgcDomainChartComponent == null) {
let names = getAllPropertyNames(IgcDomainChartComponent);
for (let i = 0; i < names.length; i++) {
names[i] = toSpinal(names[i]);
}
IgcDomainChartComponent._observedAttributesIgcDomainChartComponent = names;
}
return IgcDomainChartComponent._observedAttributesIgcDomainChartComponent;
}
attributeChangedCallback(name, oldValue, newValue) {
if (this._settingAttributes) {
return;
}
let setName = fromSpinal(name);
this._updatingFromAttribute = true;
this[setName] = newValue;
this._updatingFromAttribute = false;
}
/**
* 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() {
return this.i.j5;
}
set pixelScalingRatio(v) {
this.i.j5 = +v;
this._a("pixelScalingRatio", this.i.j5);
}
/**
* Gets or sets the left margin of chart title
*
* Use `titleLeftMargin` property for the left margin of chart title.
*
* ```ts
* this.chart.titleLeftMargin = 10;
* ```
*/
get titleLeftMargin() {
return this.i.ki;
}
set titleLeftMargin(v) {
this.i.ki = +v;
this._a("titleLeftMargin", this.i.ki);
}
/**
* Gets or sets the right margin of chart title
*
* Use `titleLeftMargin` property for the right margin of chart title.
*
* ```ts
* this.chart.titleRightMargin = 10;
* ```
*/
get titleRightMargin() {
return this.i.kj;
}
set titleRightMargin(v) {
this.i.kj = +v;
this._a("titleRightMargin", this.i.kj);
}
/**
* Gets or sets the top margin of chart title
*
* Use `titleTopMargin` property for the top margin of chart title.
*
* ```ts
* this.chart.titleTopMargin = 10;
* ```
*/
get titleTopMargin() {
return this.i.kk;
}
set titleTopMargin(v) {
this.i.kk = +v;
this._a("titleTopMargin", this.i.kk);
}
/**
* Gets or sets the bottom margin of chart title
*
* Use `titleBottomMargin` property for the bottom margin of chart title.
*
* ```ts
* this.chart.titleBottomMargin = 5;
* ```
*/
get titleBottomMargin() {
return this.i.kh;
}
set titleBottomMargin(v) {
this.i.kh = +v;
this._a("titleBottomMargin", this.i.kh);
}
/**
* Gets or sets the left margin of chart subtitle
*
* Use `subtitleLeftMargin` property for the left margin of chart subtitle.
*
* ```ts
* this.chart.subtitleLeftMargin = 20 ;
* ```
*/
get subtitleLeftMargin() {
return this.i.kd;
}
set subtitleLeftMargin(v) {
this.i.kd = +v;
this._a("subtitleLeftMargin", this.i.kd);
}
/**
* Gets or sets the top margin of chart subtitle
*
* Use `subtitleTopMargin` property for the top margin of chart subtitle.
*
* ```ts
* this.chart.subtitleTopMargin = 10;
* ```
*/
get subtitleTopMargin() {
return this.i.kf;
}
set subtitleTopMargin(v) {
this.i.kf = +v;
this._a("subtitleTopMargin", this.i.kf);
}
/**
* Gets or sets the right margin of chart subtitle
*
* Use `subtitleRightMargin` property for the right margin of chart subtitle.
*
* ```ts
* this.chart.subtitleRightMargin = 20 ;
* ```
*/
get subtitleRightMargin() {
return this.i.ke;
}
set subtitleRightMargin(v) {
this.i.ke = +v;
this._a("subtitleRightMargin", this.i.ke);
}
/**
* Gets or sets the bottom margin of chart subtitle
*
* Use `subtitleBottomMargin` property for the bottom margin of chart subtitle.
*
* ```ts
* this.chart.subtitleBottomMargin = 10 ;
* ```
*/
get subtitleBottomMargin() {
return this.i.kc;
}
set subtitleBottomMargin(v) {
this.i.kc = +v;
this._a("subtitleBottomMargin", this.i.kc);
}
/**
* Gets or sets color of chart subtitle
*
* Use `subtitleTextColor` property to color the subtitle.
*
* ```ts
* this.chart.subtitleTextColor = "#ff0000" ;
* ```
*/
get subtitleTextColor() {
return brushToString(this.i.zk);
}
set subtitleTextColor(v) {
this.i.zk = stringToBrush(v);
this._a("subtitleTextColor", brushToString(this.i.zk));
}
/**
* Gets or sets color of chart title
*
* Use `titleTextColor` property to color the chart title
*
* ```ts
* this.chart.titleTextColor="red" ;
* ```
*/
get titleTextColor() {
return brushToString(this.i.zl);
}
set titleTextColor(v) {
this.i.zl = stringToBrush(v);
this._a("titleTextColor", brushToString(this.i.zl));
}
/**
* Gets or sets the left margin of the chart content.
*
* Use the 'leftMargin' property for the left margin of the chart content.
*
* ```ts
* this.chart.leftMargin = 20;
* ```
*/
get leftMargin() {
return this.i.j2;
}
set leftMargin(v) {
this.i.j2 = +v;
this._a("leftMargin", this.i.j2);
}
/**
* Gets or sets the top margin of the chart content.
*
* Use `topMargin` property for the margin of the chart content.
*
* ```ts
* this.chart.topMargin=20;
* ```
*/
get topMargin() {
return this.i.kl;
}
set topMargin(v) {
this.i.kl = +v;
this._a("topMargin", this.i.kl);
}
/**
* Gets or sets the right margin of the chart content.
*
* Use `rightMargin` property for the right margin of the chart content.
*
* ```ts
* this.chart.rightMargin = 20 ;
* ```
*/
get rightMargin() {
return this.i.kb;
}
set rightMargin(v) {
this.i.kb = +v;
this._a("rightMargin", this.i.kb);
}
/**
* Gets or sets the bottom margin around the chart content.
*
* Use the `bottomMargin` property for the bottom margin around the chart content.
*
* ```ts
* this.chart.bottomMargin=20;
* ```
*/
get bottomMargin() {
return this.i.jo;
}
set bottomMargin(v) {
this.i.jo = +v;
this._a("bottomMargin", this.i.jo);
}
/**
* Gets or sets the duration used for animating series plots when the data is changing
*
* Use the `TransitionDuration` property to animating between data values.
*
* ```ts
* this.chart.transitionDuratio= 500;
* ```
*/
get transitionDuration() {
return this.i.lu;
}
set transitionDuration(v) {
this.i.lu = +v;
this._a("transitionDuration", this.i.lu);
}
/**
* 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.
*
* ```ts
* this.chart.transitionInEasingFunction= this.cubicFunc;
*
* cubicFunc(time: number) : number
* {
* return time;
* }
* ```
*/
get transitionEasingFunction() {
return this.i.eu;
}
set transitionEasingFunction(v) {
this.i.eu = v;
}
/**
* Gets or sets the duration used for animating highlighting changes
*/
get highlightingTransitionDuration() {
return this.i.lq;
}
set highlightingTransitionDuration(v) {
this.i.lq = +v;
this._a("highlightingTransitionDuration", this.i.lq);
}
/**
* Gets or sets the duration used for animating Selection changes
*/
get selectionTransitionDuration() {
return this.i.lt;
}
set selectionTransitionDuration(v) {
this.i.lt = +v;
this._a("selectionTransitionDuration", this.i.lt);
}
/**
* Gets or sets the duration used for animating Focus changes
*/
get focusTransitionDuration() {
return this.i.lo;
}
set focusTransitionDuration(v) {
this.i.lo = +v;
this._a("focusTransitionDuration", this.i.lo);
}
/**
* Gets or sets CSS font property for the chart subtitle
*
* Use `subtitleTextStyle` property for the CSS font of the chart subtitle.
*
* ```ts
* this.chart.subtitleTextStyle= "16pt Verdona";
* ```
*/
get subtitleTextStyle() {
return this.i.s9;
}
set subtitleTextStyle(v) {
this.i.s9 = v;
}
/**
* Gets or sets CSS font property for the chart title
*
* Use `titleTextStyle` property for the CSS font property of the chart title
*
* ```ts
* this.chart.xAxisTitleTextStyle = "24pt Verdona";
* ```
*/
get titleTextStyle() {
return this.i.tk;
}
set titleTextStyle(v) {
this.i.tk = v;
}
get isDetached() {
return this.i.isDetached;
}
get dataToolTipGroupingMode() {
return this.i.bz;
}
set dataToolTipGroupingMode(v) {
this.i.bz = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
this._a("dataToolTipGroupingMode", enumToString(DataToolTipLayerGroupingMode_$type, this.i.bz));
}
/**
* Gets or sets the offset of the tooltip layer on the X axis.
*/
get dataToolTipPositionOffsetX() {
return this.i.jt;
}
set dataToolTipPositionOffsetX(v) {
this.i.jt = +v;
this._a("dataToolTipPositionOffsetX", this.i.jt);
}
/**
* Gets or sets the offset of the tooltip layer on the Y axis.
*/
get dataToolTipPositionOffsetY() {
return this.i.ju;
}
set dataToolTipPositionOffsetY(v) {
this.i.ju = +v;
this._a("dataToolTipPositionOffsetY", this.i.ju);
}
/**
* Gets or sets the offset of the tooltip layer on the X axis.
*/
get dataToolTipDefaultPositionOffsetX() {
return this.i.jr;
}
set dataToolTipDefaultPositionOffsetX(v) {
this.i.jr = +v;
this._a("dataToolTipDefaultPositionOffsetX", this.i.jr);
}
/**
* Gets or sets the offset of the tooltip layer on the Y axis.
*/
get dataToolTipDefaultPositionOffsetY() {
return this.i.js;
}
set dataToolTipDefaultPositionOffsetY(v) {
this.i.js = +v;
this._a("dataToolTipDefaultPositionOffsetY", this.i.js);
}
/**
* Gets or sets the tooltip position mode on the X axis for grouped series.
*/
get dataToolTipGroupedPositionModeX() {
return this.i.bv;
}
set dataToolTipGroupedPositionModeX(v) {
this.i.bv = ensureEnum(DataTooltipGroupedPositionX_$type, v);
this._a("dataToolTipGroupedPositionModeX", enumToString(DataTooltipGroupedPositionX_$type, this.i.bv));
}
/**
* Gets or sets the tooltip position mode on the Y axis for grouped series.
*/
get dataToolTipGroupedPositionModeY() {
return this.i.bx;
}
set dataToolTipGroupedPositionModeY(v) {
this.i.bx = ensureEnum(DataTooltipGroupedPositionY_$type, v);
this._a("dataToolTipGroupedPositionModeY", enumToString(DataTooltipGroupedPositionY_$type, this.i.bx));
}
/**
* Gets or sets whether the data legend should update when the series data is mutated.
*/
get dataToolTipShouldUpdateWhenSeriesDataChanges() {
return this.i.gt;
}
set dataToolTipShouldUpdateWhenSeriesDataChanges(v) {
this.i.gt = ensureBool(v);
this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gt);
}
/**
* 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 dataToolTipIncludedSeries() {
return this.i.m;
}
set dataToolTipIncludedSeries(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.m = v;
}
/**
* 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 dataToolTipExcludedSeries() {
return this.i.j;
}
set dataToolTipExcludedSeries(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.j = v;
}
/**
* 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 dataToolTipIncludedColumns() {
return this.i.l;
}
set dataToolTipIncludedColumns(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.l = v;
}
/**
* 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 dataToolTipExcludedColumns() {
return this.i.i;
}
set dataToolTipExcludedColumns(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.i = v;
}
/**
* Gets or sets mode for abbreviating large numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get dataToolTipValueFormatAbbreviation() {
return this.i.bd;
}
set dataToolTipValueFormatAbbreviation(v) {
this.i.bd = ensureEnum(DataAbbreviationMode_$type, v);
this._a("dataToolTipValueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.bd));
}
/**
* Gets or sets maximum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get dataToolTipValueFormatMaxFractions() {
return this.i.lk;
}
set dataToolTipValueFormatMaxFractions(v) {
this.i.lk = +v;
this._a("dataToolTipValueFormatMaxFractions", this.i.lk);
}
/**
* Gets or sets minimum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get dataToolTipValueFormatMinFractions() {
return this.i.ll;
}
set dataToolTipValueFormatMinFractions(v) {
this.i.ll = +v;
this._a("dataToolTipValueFormatMinFractions", this.i.ll);
}
/**
* Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
*/
get dataToolTipValueFormatMode() {
return this.i.bt;
}
set dataToolTipValueFormatMode(v) {
this.i.bt = ensureEnum(DataLegendValueMode_$type, v);
this._a("dataToolTipValueFormatMode", enumToString(DataLegendValueMode_$type, this.i.bt));
}
/**
* 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 dataToolTipValueFormatCulture() {
return this.i.p9;
}
set dataToolTipValueFormatCulture(v) {
this.i.p9 = v;
}
/**
* 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 dataToolTipValueFormatUseGrouping() {
return this.i.gu;
}
set dataToolTipValueFormatUseGrouping(v) {
this.i.gu = ensureBool(v);
this._a("dataToolTipValueFormatUseGrouping", this.i.gu);
}
/**
* Gets or sets the format string for values displayed in the data legend.
*/
get dataToolTipValueFormatString() {
return this.i.qf;
}
set dataToolTipValueFormatString(v) {
this.i.qf = v;
}
/**
* Gets or sets the format specifiers to use with the ValueFormatString string.
*/
get dataToolTipValueFormatSpecifiers() {
return this.i.n;
}
set dataToolTipValueFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.n = v;
}
get dataToolTipValueRowMarginBottom() {
return this.i.aae ? this.i.aae.bottom : NaN;
}
set dataToolTipValueRowMarginBottom(v) {
this.ensureDataToolTipValueRowMargin();
this.i.aae.bottom = +v;
this._a("dataToolTipValueRowMarginBottom", this.i.aae.bottom);
this.i.aae = this.i.aae;
}
get dataToolTipValueRowMarginLeft() {
return this.i.aae ? this.i.aae.left : NaN;
}
set dataToolTipValueRowMarginLeft(v) {
this.ensureDataToolTipValueRowMargin();
this.i.aae.left = +v;
this._a("dataToolTipValueRowMarginLeft", this.i.aae.left);
this.i.aae = this.i.aae;
}
get dataToolTipValueRowMarginRight() {
return this.i.aae ? this.i.aae.right : NaN;
}
set dataToolTipValueRowMarginRight(v) {
this.ensureDataToolTipValueRowMargin();
this.i.aae.right = +v;
this._a("dataToolTipValueRowMarginRight", this.i.aae.right);
this.i.aae = this.i.aae;
}
get dataToolTipValueRowMarginTop() {
return this.i.aae ? this.i.aae.top : NaN;
}
set dataToolTipValueRowMarginTop(v) {
this.ensureDataToolTipValueRowMargin();
this.i.aae.top = +v;
this._a("dataToolTipValueRowMarginTop", this.i.aae.top);
this.i.aae = this.i.aae;
}
ensureDataToolTipValueRowMargin() {
if (this.i.aae) {
return;
}
this.i.aae = new Thickness(2);
}
/**
* Gets or sets whether to show series rows.
*/
get dataToolTipValueRowVisible() {
return this.i.gv;
}
set dataToolTipValueRowVisible(v) {
this.i.gv = ensureBool(v);
this._a("dataToolTipValueRowVisible", this.i.gv);
}
/**
* Gets or sets text displayed when data column is missing a value, e.g. "no data"
*/
get dataToolTipValueTextWhenMissingData() {
return this.i.qo;
}
set dataToolTipValueTextWhenMissingData(v) {
this.i.qo = v;
}
/**
* Gets or sets whether to use series colors when displaying values in the legend
*/
get dataToolTipValueTextUseSeriesColors() {
return this.i.gw;
}
set dataToolTipValueTextUseSeriesColors(v) {
this.i.gw = ensureBool(v);
this._a("dataToolTipValueTextUseSeriesColors", this.i.gw);
}
get dataToolTipValueTextMarginBottom() {
return this.i.aaf ? this.i.aaf.bottom : NaN;
}
set dataToolTipValueTextMarginBottom(v) {
this.ensureDataToolTipValueTextMargin();
this.i.aaf.bottom = +v;
this._a("dataToolTipValueTextMarginBottom", this.i.aaf.bottom);
this.i.aaf = this.i.aaf;
}
get dataToolTipValueTextMarginLeft() {
return this.i.aaf ? this.i.aaf.left : NaN;
}
set dataToolTipValueTextMarginLeft(v) {
this.ensureDataToolTipValueTextMargin();
this.i.aaf.left = +v;
this._a("dataToolTipValueTextMarginLeft", this.i.aaf.left);
this.i.aaf = this.i.aaf;
}
get dataToolTipValueTextMarginRight() {
return this.i.aaf ? this.i.aaf.right : NaN;
}
set dataToolTipValueTextMarginRight(v) {
this.ensureDataToolTipValueTextMargin();
this.i.aaf.right = +v;
this._a("dataToolTipValueTextMarginRight", this.i.aaf.right);
this.i.aaf = this.i.aaf;
}
get dataToolTipValueTextMarginTop() {
return this.i.aaf ? this.i.aaf.top : NaN;
}
set dataToolTipValueTextMarginTop(v) {
this.ensureDataToolTipValueTextMargin();
this.i.aaf.top = +v;
this._a("dataToolTipValueTextMarginTop", this.i.aaf.top);
this.i.aaf = this.i.aaf;
}
ensureDataToolTipValueTextMargin() {
if (this.i.aaf) {
return;
}
this.i.aaf = new Thickness(2);
}
/**
* Gets or sets the units text color.
*/
get dataToolTipValueTextColor() {
return brushToString(this.i.y8);
}
set dataToolTipValueTextColor(v) {
this.i.y8 = stringToBrush(v);
this._a("dataToolTipValueTextColor", brushToString(this.i.y8));
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipValueTextStyle() {
if (this.i.fg == null) {
return null;
}
return this.i.fg.fontString;
}
set dataToolTipValueTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fg = fi;
this._a("dataToolTipValueTextStyle", this.i.fg != null ? this.i.fg.fontString : "");
}
/**
* Gets or sets the format string for header text displayed in the data legend.
*/
get dataToolTipHeaderFormatString() {
return this.i.oz;
}
set dataToolTipHeaderFormatString(v) {
this.i.oz = v;
}
/**
* Gets or sets the format specifiers to use with the HeaderFormatString string.
*/
get dataToolTipHeaderFormatSpecifiers() {
return this.i.k;
}
set dataToolTipHeaderFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.k = v;
}
/**
* Gets or sets globalization culture when displaying header as date time
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get dataToolTipHeaderFormatCulture() {
return this.i.ov;
}
set dataToolTipHeaderFormatCulture(v) {
this.i.ov = v;
}
/**
* Gets or sets date format for the header
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get dataToolTipHeaderFormatDate() {
return this.i.bj;
}
set dataToolTipHeaderFormatDate(v) {
this.i.bj = ensureEnum(DataLegendHeaderDateMode_$type, v);
this._a("dataToolTipHeaderFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.bj));
}
/**
* Gets or sets time format for the header
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get dataToolTipHeaderFormatTime() {
return this.i.bl;
}
set dataToolTipHeaderFormatTime(v) {
this.i.bl = ensureEnum(DataLegendHeaderTimeMode_$type, v);
this._a("dataToolTipHeaderFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.bl));
}
/**
* Gets or sets the HeaderText for the data legend.
*/
get dataToolTipHeaderText() {
return this.i.o4;
}
set dataToolTipHeaderText(v) {
this.i.o4 = v;
}
/**
* Gets or sets the header text color.
*/
get dataToolTipHeaderTextColor() {
return brushToString(this.i.y0);
}
set dataToolTipHeaderTextColor(v) {
this.i.y0 = stringToBrush(v);
this._a("dataToolTipHeaderTextColor", brushToString(this.i.y0));
}
get dataToolTipHeaderTextMarginBottom() {
return this.i.z8 ? this.i.z8.bottom : NaN;
}
set dataToolTipHeaderTextMarginBottom(v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.z8.bottom = +v;
this._a("dataToolTipHeaderTextMarginBottom", this.i.z8.bottom);
this.i.z8 = this.i.z8;
}
get dataToolTipHeaderTextMarginLeft() {
return this.i.z8 ? this.i.z8.left : NaN;
}
set dataToolTipHeaderTextMarginLeft(v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.z8.left = +v;
this._a("dataToolTipHeaderTextMarginLeft", this.i.z8.left);
this.i.z8 = this.i.z8;
}
get dataToolTipHeaderTextMarginRight() {
return this.i.z8 ? this.i.z8.right : NaN;
}
set dataToolTipHeaderTextMarginRight(v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.z8.right = +v;
this._a("dataToolTipHeaderTextMarginRight", this.i.z8.right);
this.i.z8 = this.i.z8;
}
get dataToolTipHeaderTextMarginTop() {
return this.i.z8 ? this.i.z8.top : NaN;
}
set dataToolTipHeaderTextMarginTop(v) {
this.ensureDataToolTipHeaderTextMargin();
this.i.z8.top = +v;
this._a("dataToolTipHeaderTextMarginTop", this.i.z8.top);
this.i.z8 = this.i.z8;
}
ensureDataToolTipHeaderTextMargin() {
if (this.i.z8) {
return;
}
this.i.z8 = new Thickness(2);
}
get dataToolTipHeaderRowMarginBottom() {
return this.i.z7 ? this.i.z7.bottom : NaN;
}
set dataToolTipHeaderRowMarginBottom(v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.z7.bottom = +v;
this._a("dataToolTipHeaderRowMarginBottom", this.i.z7.bottom);
this.i.z7 = this.i.z7;
}
get dataToolTipHeaderRowMarginLeft() {
return this.i.z7 ? this.i.z7.left : NaN;
}
set dataToolTipHeaderRowMarginLeft(v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.z7.left = +v;
this._a("dataToolTipHeaderRowMarginLeft", this.i.z7.left);
this.i.z7 = this.i.z7;
}
get dataToolTipHeaderRowMarginRight() {
return this.i.z7 ? this.i.z7.right : NaN;
}
set dataToolTipHeaderRowMarginRight(v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.z7.right = +v;
this._a("dataToolTipHeaderRowMarginRight", this.i.z7.right);
this.i.z7 = this.i.z7;
}
get dataToolTipHeaderRowMarginTop() {
return this.i.z7 ? this.i.z7.top : NaN;
}
set dataToolTipHeaderRowMarginTop(v) {
this.ensureDataToolTipHeaderRowMargin();
this.i.z7.top = +v;
this._a("dataToolTipHeaderRowMarginTop", this.i.z7.top);
this.i.z7 = this.i.z7;
}
ensureDataToolTipHeaderRowMargin() {
if (this.i.z7) {
return;
}
this.i.z7 = new Thickness(2);
}
/**
* Gets or sets whether to show Header row.
*/
get dataToolTipHeaderRowVisible() {
return this.i.gs;
}
set dataToolTipHeaderRowVisible(v) {
this.i.gs = ensureBool(v);
this._a("dataToolTipHeaderRowVisible", this.i.gs);
}
/**
* Gets or Sets the style to use for the header text.
*/
get dataToolTipHeaderTextStyle() {
if (this.i.e8 == null) {
return null;
}
return this.i.e8.fontString;
}
set dataToolTipHeaderTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.e8 = fi;
this._a("dataToolTipHeaderTextStyle", this.i.e8 != null ? this.i.e8.fontString : "");
}
/**
* Gets or sets the Group text color.
*/
get dataToolTipGroupTextColor() {
return brushToString(this.i.yz);
}
set dataToolTipGroupTextColor(v) {
this.i.yz = stringToBrush(v);
this._a("dataToolTipGroupTextColor", brushToString(this.i.yz));
}
get dataToolTipGroupTextMarginBottom() {
return this.i.z6 ? this.i.z6.bottom : NaN;
}
set dataToolTipGroupTextMarginBottom(v) {
this.ensureDataToolTipGroupTextMargin();
this.i.z6.bottom = +v;
this._a("dataToolTipGroupTextMarginBottom", this.i.z6.bottom);
this.i.z6 = this.i.z6;
}
get dataToolTipGroupTextMarginLeft() {
return this.i.z6 ? this.i.z6.left : NaN;
}
set dataToolTipGroupTextMarginLeft(v) {
this.ensureDataToolTipGroupTextMargin();
this.i.z6.left = +v;
this._a("dataToolTipGroupTextMarginLeft", this.i.z6.left);
this.i.z6 = this.i.z6;
}
get dataToolTipGroupTextMarginRight() {
return this.i.z6 ? this.i.z6.right : NaN;
}
set dataToolTipGroupTextMarginRight(v) {
this.ensureDataToolTipGroupTextMargin();
this.i.z6.right = +v;
this._a("dataToolTipGroupTextMarginRight", this.i.z6.right);
this.i.z6 = this.i.z6;
}
get dataToolTipGroupTextMarginTop() {
return this.i.z6 ? this.i.z6.top : NaN;
}
set dataToolTipGroupTextMarginTop(v) {
this.ensureDataToolTipGroupTextMargin();
this.i.z6.top = +v;
this._a("dataToolTipGroupTextMarginTop", this.i.z6.top);
this.i.z6 = this.i.z6;
}
ensureDataToolTipGroupTextMargin() {
if (this.i.z6) {
return;
}
this.i.z6 = new Thickness(2);
}
get dataToolTipGroupRowMarginBottom() {
return this.i.z5 ? this.i.z5.bottom : NaN;
}
set dataToolTipGroupRowMarginBottom(v) {
this.ensureDataToolTipGroupRowMargin();
this.i.z5.bottom = +v;
this._a("dataToolTipGroupRowMarginBottom", this.i.z5.bottom);
this.i.z5 = this.i.z5;
}
get dataToolTipGroupRowMarginLeft() {
return this.i.z5 ? this.i.z5.left : NaN;
}
set dataToolTipGroupRowMarginLeft(v) {
this.ensureDataToolTipGroupRowMargin();
this.i.z5.left = +v;
this._a("dataToolTipGroupRowMarginLeft", this.i.z5.left);
this.i.z5 = this.i.z5;
}
get dataToolTipGroupRowMarginRight() {
return this.i.z5 ? this.i.z5.right : NaN;
}
set dataToolTipGroupRowMarginRight(v) {
this.ensureDataToolTipGroupRowMargin();
this.i.z5.right = +v;
this._a("dataToolTipGroupRowMarginRight", this.i.z5.right);
this.i.z5 = this.i.z5;
}
get dataToolTipGroupRowMarginTop() {
return this.i.z5 ? this.i.z5.top : NaN;
}
set dataToolTipGroupRowMarginTop(v) {
this.ensureDataToolTipGroupRowMargin();
this.i.z5.top = +v;
this._a("dataToolTipGroupRowMarginTop", this.i.z5.top);
this.i.z5 = this.i.z5;
}
ensureDataToolTipGroupRowMargin() {
if (this.i.z5) {
return;
}
this.i.z5 = new Thickness(2);
}
/**
* Gets or sets whether to show Group row.
*/
get dataToolTipGroupRowVisible() {
return this.i.gr;
}
set dataToolTipGroupRowVisible(v) {
this.i.gr = ensureBool(v);
this._a("dataToolTipGroupRowVisible", this.i.gr);
}
/**
* Gets or Sets the style to use for the Group text.
*/
get dataToolTipGroupTextStyle() {
if (this.i.e7 == null) {
return null;
}
return this.i.e7.fontString;
}
set dataToolTipGroupTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.e7 = fi;
this._a("dataToolTipGroupTextStyle", this.i.e7 != null ? this.i.e7.fontString : "");
}
/**
* Gets or sets the summary text color.
*/
get dataToolTipSummaryTitleTextColor() {
return brushToString(this.i.y3);
}
set dataToolTipSummaryTitleTextColor(v) {
this.i.y3 = stringToBrush(v);
this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.y3));
}
/**
* Gets or Sets the style to use for the summary text.
*/
get dataToolTipSummaryTitleTextStyle() {
if (this.i.fb == null) {
return null;
}
return this.i.fb.fontString;
}
set dataToolTipSummaryTitleTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fb = fi;
this._a("dataToolTipSummaryTitleTextStyle", this.i.fb != null ? this.i.fb.fontString : "");
}
/**
* Gets or sets the SummaryType for the data legend.
*/
get dataToolTipSummaryType() {
return this.i.bp;
}
set dataToolTipSummaryType(v) {
this.i.bp = ensureEnum(DataLegendSummaryType_$type, v);
this._a("dataToolTipSummaryType", enumToString(DataLegendSummaryType_$type, this.i.bp));
}
/**
* Gets or sets the SummaryTitleText for the data legend.
*/
get dataToolTipSummaryTitleText() {
return this.i.pn;
}
set dataToolTipSummaryTitleText(v) {
this.i.pn = v;
}
get dataToolTipSummaryTitleTextMarginBottom() {
return this.i.aab ? this.i.aab.bottom : NaN;
}
set dataToolTipSummaryTitleTextMarginBottom(v) {
this.ensureDataToolTipSummaryTitleTextMargin();
this.i.aab.bottom = +v;
this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.aab.bottom);
this.i.aab = this.i.aab;
}
get dataToolTipSummaryTitleTextMarginLeft() {
return this.i.aab ? this.i.aab.left : NaN;
}
set dataToolTipSummaryTitleTextMarginLeft(v) {
this.ensureDataToolTipSummaryTitleTextMargin();
this.i.aab.left = +v;
this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.aab.left);
this.i.aab = this.i.aab;
}
get dataToolTipSummaryTitleTextMarginRight() {
return this.i.aab ? this.i.aab.right : NaN;
}
set dataToolTipSummaryTitleTextMarginRight(v) {
this.ensureDataToolTipSummaryTitleTextMargin();
this.i.aab.right = +v;
this._a("dataToolTipSummaryTitleTextMarginRight", this.i.aab.right);
this.i.aab = this.i.aab;
}
get dataToolTipSummaryTitleTextMarginTop() {
return this.i.aab ? this.i.aab.top : NaN;
}
set dataToolTipSummaryTitleTextMarginTop(v) {
this.ensureDataToolTipSummaryTitleTextMargin();
this.i.aab.top = +v;
this._a("dataToolTipSummaryTitleTextMarginTop", this.i.aab.top);
this.i.aab = this.i.aab;
}
ensureDataToolTipSummaryTitleTextMargin() {
if (this.i.aab) {
return;
}
this.i.aab = new Thickness(2);
}
get dataToolTipSummaryRowMarginBottom() {
return this.i.aaa ? this.i.aaa.bottom : NaN;
}
set dataToolTipSummaryRowMarginBottom(v) {
this.ensureDataToolTipSummaryRowMargin();
this.i.aaa.bottom = +v;
this._a("dataToolTipSummaryRowMarginBottom", this.i.aaa.bottom);
this.i.aaa = this.i.aaa;
}
get dataToolTipSummaryRowMarginLeft() {
return this.i.aaa ? this.i.aaa.left : NaN;
}
set dataToolTipSummaryRowMarginLeft(v) {
this.ensureDataToolTipSummaryRowMargin();
this.i.aaa.left = +v;
this._a("dataToolTipSummaryRowMarginLeft", this.i.aaa.left);
this.i.aaa = this.i.aaa;
}
get dataToolTipSummaryRowMarginRight() {
return this.i.aaa ? this.i.aaa.right : NaN;
}
set dataToolTipSummaryRowMarginRight(v) {
this.ensureDataToolTipSummaryRowMargin();
this.i.aaa.right = +v;
this._a("dataToolTipSummaryRowMarginRight", this.i.aaa.right);
this.i.aaa = this.i.aaa;
}
get dataToolTipSummaryRowMarginTop() {
return this.i.aaa ? this.i.aaa.top : NaN;
}
set dataToolTipSummaryRowMarginTop(v) {
this.ensureDataToolTipSummaryRowMargin();
this.i.aaa.top = +v;
this._a("dataToolTipSummaryRowMarginTop", this.i.aaa.top);
this.i.aaa = this.i.aaa;
}
ensureDataToolTipSummaryRowMargin() {
if (this.i.aaa) {
return;
}
this.i.aaa = new Thickness(2);
}
/**
* Gets or sets the units text color.
*/
get dataToolTipSummaryValueTextColor() {
return brushToString(this.i.y5);
}
set dataToolTipSummaryValueTextColor(v) {
this.i.y5 = stringToBrush(v);
this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.y5));
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipSummaryValueTextStyle() {
if (this.i.fd == null) {
return null;
}
return this.i.fd.fontString;
}
set dataToolTipSummaryValueTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fd = fi;
this._a("dataToolTipSummaryValueTextStyle", this.i.fd != null ? this.i.fd.fontString : "");
}
/**
* Gets or sets the units text for the data legend.
*/
get dataToolTipSummaryLabelText() {
return this.i.pi;
}
set dataToolTipSummaryLabelText(v) {
this.i.pi = v;
}
/**
* Gets or sets the units text color.
*/
get dataToolTipSummaryLabelTextColor() {
return brushToString(this.i.y2);
}
set dataToolTipSummaryLabelTextColor(v) {
this.i.y2 = stringToBrush(v);
this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.y2));
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipSummaryLabelTextStyle() {
if (this.i.fa == null) {
return null;
}
return this.i.fa.fontString;
}
set dataToolTipSummaryLabelTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fa = fi;
this._a("dataToolTipSummaryLabelTextStyle", this.i.fa != null ? this.i.fa.fontString : "");
}
/**
* Gets or sets the units text for the data legend.
*/
get dataToolTipSummaryUnitsText() {
return this.i.pt;
}
set dataToolTipSummaryUnitsText(v) {
this.i.pt = v;
}
/**
* Gets or sets the units text color.
*/
get dataToolTipSummaryUnitsTextColor() {
return brushToString(this.i.y4);
}
set dataToolTipSummaryUnitsTextColor(v) {
this.i.y4 = stringToBrush(v);
this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.y4));
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipSummaryUnitsTextStyle() {
if (this.i.fc == null) {
return null;
}
return this.i.fc.fontString;
}
set dataToolTipSummaryUnitsTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fc = fi;
this._a("dataToolTipSummaryUnitsTextStyle", this.i.fc != null ? this.i.fc.fontString : "");
}
get dataToolTipBadgeMarginBottom() {
return this.i.z4 ? this.i.z4.bottom : NaN;
}
set dataToolTipBadgeMarginBottom(v) {
this.ensureDataToolTipBadgeMargin();
this.i.z4.bottom = +v;
this._a("dataToolTipBadgeMarginBottom", this.i.z4.bottom);
this.i.z4 = this.i.z4;
}
get dataToolTipBadgeMarginLeft() {
return this.i.z4 ? this.i.z4.left : NaN;
}
set dataToolTipBadgeMarginLeft(v) {
this.ensureDataToolTipBadgeMargin();
this.i.z4.left = +v;
this._a("dataToolTipBadgeMarginLeft", this.i.z4.left);
this.i.z4 = this.i.z4;
}
get dataToolTipBadgeMarginRight() {
return this.i.z4 ? this.i.z4.right : NaN;
}
set dataToolTipBadgeMarginRight(v) {
this.ensureDataToolTipBadgeMargin();
this.i.z4.right = +v;
this._a("dataToolTipBadgeMarginRight", this.i.z4.right);
this.i.z4 = this.i.z4;
}
get dataToolTipBadgeMarginTop() {
return this.i.z4 ? this.i.z4.top : NaN;
}
set dataToolTipBadgeMarginTop(v) {
this.ensureDataToolTipBadgeMargin();
this.i.z4.top = +v;
this._a("dataToolTipBadgeMarginTop", this.i.z4.top);
this.i.z4 = this.i.z4;
}
ensureDataToolTipBadgeMargin() {
if (this.i.z4) {
return;
}
this.i.z4 = new Thickness(2);
}
/**
* Gets or sets the BadgeShape for the data legend.
*/
get dataToolTipBadgeShape() {
return this.i.cs;
}
set dataToolTipBadgeShape(v) {
this.i.cs = ensureEnum(LegendItemBadgeShape_$type, v);
this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cs));
}
/**
* Gets or sets the UnitsMode for the data legend.
*/
get dataToolTipUnitsDisplayMode() {
return this.i.br;
}
set dataToolTipUnitsDisplayMode(v) {
this.i.br = ensureEnum(DataLegendUnitsMode_$type, v);
this._a("dataToolTipUnitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.br));
}
/**
* Gets or sets the units text for the data legend.
*/
get dataToolTipUnitsText() {
return this.i.p3;
}
set dataToolTipUnitsText(v) {
this.i.p3 = v;
}
/**
* Gets or sets the units text color.
*/
get dataToolTipUnitsTextColor() {
return brushToString(this.i.y7);
}
set dataToolTipUnitsTextColor(v) {
this.i.y7 = stringToBrush(v);
this._a("dataToolTipUnitsTextColor", brushToString(this.i.y7));
}
get dataToolTipUnitsTextMarginBottom() {
return this.i.aad ? this.i.aad.bottom : NaN;
}
set dataToolTipUnitsTextMarginBottom(v) {
this.ensureDataToolTipUnitsTextMargin();
this.i.aad.bottom = +v;
this._a("dataToolTipUnitsTextMarginBottom", this.i.aad.bottom);
this.i.aad = this.i.aad;
}
get dataToolTipUnitsTextMarginLeft() {
return this.i.aad ? this.i.aad.left : NaN;
}
set dataToolTipUnitsTextMarginLeft(v) {
this.ensureDataToolTipUnitsTextMargin();
this.i.aad.left = +v;
this._a("dataToolTipUnitsTextMarginLeft", this.i.aad.left);
this.i.aad = this.i.aad;
}
get dataToolTipUnitsTextMarginRight() {
return this.i.aad ? this.i.aad.right : NaN;
}
set dataToolTipUnitsTextMarginRight(v) {
this.ensureDataToolTipUnitsTextMargin();
this.i.aad.right = +v;
this._a("dataToolTipUnitsTextMarginRight", this.i.aad.right);
this.i.aad = this.i.aad;
}
get dataToolTipUnitsTextMarginTop() {
return this.i.aad ? this.i.aad.top : NaN;
}
set dataToolTipUnitsTextMarginTop(v) {
this.ensureDataToolTipUnitsTextMargin();
this.i.aad.top = +v;
this._a("dataToolTipUnitsTextMarginTop", this.i.aad.top);
this.i.aad = this.i.aad;
}
ensureDataToolTipUnitsTextMargin() {
if (this.i.aad) {
return;
}
this.i.aad = new Thickness(2);
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipUnitsTextStyle() {
if (this.i.ff == null) {
return null;
}
return this.i.ff.fontString;
}
set dataToolTipUnitsTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.ff = fi;
this._a("dataToolTipUnitsTextStyle", this.i.ff != null ? this.i.ff.fontString : "");
}
get dataToolTipTitleTextMarginBottom() {
return this.i.aac ? this.i.aac.bottom : NaN;
}
set dataToolTipTitleTextMarginBottom(v) {
this.ensureDataToolTipTitleTextMargin();
this.i.aac.bottom = +v;
this._a("dataToolTipTitleTextMarginBottom", this.i.aac.bottom);
this.i.aac = this.i.aac;
}
get dataToolTipTitleTextMarginLeft() {
return this.i.aac ? this.i.aac.left : NaN;
}
set dataToolTipTitleTextMarginLeft(v) {
this.ensureDataToolTipTitleTextMargin();
this.i.aac.left = +v;
this._a("dataToolTipTitleTextMarginLeft", this.i.aac.left);
this.i.aac = this.i.aac;
}
get dataToolTipTitleTextMarginRight() {
return this.i.aac ? this.i.aac.right : NaN;
}
set dataToolTipTitleTextMarginRight(v) {
this.ensureDataToolTipTitleTextMargin();
this.i.aac.right = +v;
this._a("dataToolTipTitleTextMarginRight", this.i.aac.right);
this.i.aac = this.i.aac;
}
get dataToolTipTitleTextMarginTop() {
return this.i.aac ? this.i.aac.top : NaN;
}
set dataToolTipTitleTextMarginTop(v) {
this.ensureDataToolTipTitleTextMargin();
this.i.aac.top = +v;
this._a("dataToolTipTitleTextMarginTop", this.i.aac.top);
this.i.aac = this.i.aac;
}
ensureDataToolTipTitleTextMargin() {
if (this.i.aac) {
return;
}
this.i.aac = new Thickness(2);
}
/**
* Gets or sets the display text color.
*/
get dataToolTipTitleTextColor() {
return brushToString(this.i.y6);
}
set dataToolTipTitleTextColor(v) {
this.i.y6 = stringToBrush(v);
this._a("dataToolTipTitleTextColor", brushToString(this.i.y6));
}
/**
* Gets or Sets the style to use for the display text.
*/
get dataToolTipTitleTextStyle() {
if (this.i.fe == null) {
return null;
}
return this.i.fe.fontString;
}
set dataToolTipTitleTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.fe = fi;
this._a("dataToolTipTitleTextStyle", this.i.fe != null ? this.i.fe.fontString : "");
}
/**
* Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
*/
get dataToolTipLabelDisplayMode() {
return this.i.bn;
}
set dataToolTipLabelDisplayMode(v) {
this.i.bn = ensureEnum(DataLegendLabelMode_$type, v);
this._a("dataToolTipLabelDisplayMode", enumToString(DataLegendLabelMode_$type, this.i.bn));
}
/**
* Gets or sets the units text color.
*/
get dataToolTipLabelTextColor() {
return brushToString(this.i.y1);
}
set dataToolTipLabelTextColor(v) {
this.i.y1 = stringToBrush(v);
this._a("dataToolTipLabelTextColor", brushToString(this.i.y1));
}
get dataToolTipLabelTextMarginBottom() {
return this.i.z9 ? this.i.z9.bottom : NaN;
}
set dataToolTipLabelTextMarginBottom(v) {
this.ensureDataToolTipLabelTextMargin();
this.i.z9.bottom = +v;
this._a("dataToolTipLabelTextMarginBottom", this.i.z9.bottom);
this.i.z9 = this.i.z9;
}
get dataToolTipLabelTextMarginLeft() {
return this.i.z9 ? this.i.z9.left : NaN;
}
set dataToolTipLabelTextMarginLeft(v) {
this.ensureDataToolTipLabelTextMargin();
this.i.z9.left = +v;
this._a("dataToolTipLabelTextMarginLeft", this.i.z9.left);
this.i.z9 = this.i.z9;
}
get dataToolTipLabelTextMarginRight() {
return this.i.z9 ? this.i.z9.right : NaN;
}
set dataToolTipLabelTextMarginRight(v) {
this.ensureDataToolTipLabelTextMargin();
this.i.z9.right = +v;
this._a("dataToolTipLabelTextMarginRight", this.i.z9.right);
this.i.z9 = this.i.z9;
}
get dataToolTipLabelTextMarginTop() {
return this.i.z9 ? this.i.z9.top : NaN;
}
set dataToolTipLabelTextMarginTop(v) {
this.ensureDataToolTipLabelTextMargin();
this.i.z9.top = +v;
this._a("dataToolTipLabelTextMarginTop", this.i.z9.top);
this.i.z9 = this.i.z9;
}
ensureDataToolTipLabelTextMargin() {
if (this.i.z9) {
return;
}
this.i.z9 = new Thickness(2);
}
/**
* Gets or Sets the style to use for the units text.
*/
get dataToolTipLabelTextStyle() {
if (this.i.e9 == null) {
return null;
}
return this.i.e9.fontString;
}
set dataToolTipLabelTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.e9 = fi;
this._a("dataToolTipLabelTextStyle", this.i.e9 != null ? this.i.e9.fontString : "");
}
/**
* Gets the domain type of this chart
*/
get domainType() {
return this.i.cb;
}
/**
* Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties.
*/
get sortDescriptions() {
const r = this.i.a3;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
get groupSortDescriptions() {
const r = this.i.az;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties.
*/
get groupDescriptions() {
const r = this.i.ay;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
*/
get filterExpressions() {
const r = this.i.en;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcFilterExpressionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the current highlight filter that is applied to the chart. Collection can be updated to modify the highlight filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
*/
get highlightFilterExpressions() {
const r = this.i.eo;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcFilterExpressionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the current summaries that are applied to the grid.
*/
get summaryDescriptions() {
const r = this.i.a7;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSummaryDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets or sets the selection mode to use for the series in the component, when supported.
*/
get selectionMode() {
return this.i.dy;
}
set selectionMode(v) {
this.i.dy = ensureEnum(SeriesSelectionMode_$type, v);
this._a("selectionMode", enumToString(SeriesSelectionMode_$type, this.i.dy));
}
/**
* Gets or sets the focus mode to use for the series in the component, when supported.
*/
get focusMode() {
return this.i.dx;
}
set focusMode(v) {
this.i.dx = ensureEnum(SeriesSelectionMode_$type, v);
this._a("focusMode", enumToString(SeriesSelectionMode_$type, this.i.dx));
}
/**
* Gets or sets the selection brush to use for the series.
*/
get selectionBrush() {
return brushToString(this.i.zj);
}
set selectionBrush(v) {
this.i.zj = stringToBrush(v);
this._a("selectionBrush", brushToString(this.i.zj));
}
/**
* Gets or sets the focus brush to use for the series.
*/
get focusBrush() {
return brushToString(this.i.zb);
}
set focusBrush(v) {
this.i.zb = stringToBrush(v);
this._a("focusBrush", brushToString(this.i.zb));
}
/**
* Gets or sets the selection behavior to use for the series in the component, when supported.
*/
get selectionBehavior() {
return this.i.du;
}
set selectionBehavior(v) {
this.i.du = ensureEnum(SeriesSelectionBehavior_$type, v);
this._a("selectionBehavior", enumToString(SeriesSelectionBehavior_$type, this.i.du));
}
/**
* Gets the currently selected data items. Adding or removing data items from this collection will
* select or deselect the visuals associated with those items.
*/
get selectedSeriesItems() {
if (this._selectedSeriesItems === null) {
let coll = new IgcChartSelectedItemCollection();
let innerColl = this.i.selectedSeriesItems;
if (!innerColl) {
innerColl = new ChartSelectedItemCollection_internal();
}
this._selectedSeriesItems = coll._fromInner(innerColl);
}
return this._selectedSeriesItems;
}
set selectedSeriesItems(v) {
if (this._selectedSeriesItems !== null) {
this._selectedSeriesItems._setSyncTarget(null);
this._selectedSeriesItems = null;
}
let coll = new IgcChartSelectedItemCollection();
this._selectedSeriesItems = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
let innerColl = this.i.selectedSeriesItems;
if (!innerColl) {
innerColl = new ChartSelectedItemCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._selectedSeriesItems._setSyncTarget(syncColl);
}
/**
* Gets the currently focused data items. Adding or removing data items from this collection will
* focus or blur the visuals associated with those items.
*/
get focusedSeriesItems() {
if (this._focusedSeriesItems === null) {
let coll = new IgcChartSelectedItemCollection();
let innerColl = this.i.focusedSeriesItems;
if (!innerColl) {
innerColl = new ChartSelectedItemCollection_internal();
}
this._focusedSeriesItems = coll._fromInner(innerColl);
}
return this._focusedSeriesItems;
}
set focusedSeriesItems(v) {
if (this._focusedSeriesItems !== null) {
this._focusedSeriesItems._setSyncTarget(null);
this._focusedSeriesItems = null;
}
let coll = new IgcChartSelectedItemCollection();
this._focusedSeriesItems = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
let innerColl = this.i.focusedSeriesItems;
if (!innerColl) {
innerColl = new ChartSelectedItemCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._focusedSeriesItems._setSyncTarget(syncColl);
}
/**
* Gets the initial sorts that are applied to the chart.
*/
get initialSortDescriptions() {
const r = this.i.a2;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
*/
get initialGroupSortDescriptions() {
const r = this.i.a1;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the initial groupings that are applied to the chart.
*/
get initialGroupDescriptions() {
const r = this.i.a0;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSortDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the initial filters that are applied to the chart.
*/
get initialFilterExpressions() {
const r = this.i.ep;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcFilterExpressionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the initial highlight filters that are applied to the chart.
*/
get initialHighlightFilterExpressions() {
const r = this.i.eq;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcFilterExpressionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets the initial summaries that are applied to the chart.
*/
get initialSummaryDescriptions() {
const r = this.i.a6;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = new IgcChartSummaryDescriptionCollection();
if (r.$type) {
e._implementation = r;
}
else {
if (e.i.setNativeElement) {
e.i.setNativeElement(r);
}
}
r.externalObject = e;
}
return r.externalObject;
}
/**
* Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
*/
get initialSorts() {
return this.i.ru;
}
set initialSorts(v) {
this.i.ru = v;
}
/**
* Gets or sets the sorts to apply after grouping has been applied.
*/
get groupSorts() {
return this.i.q2;
}
set groupSorts(v) {
this.i.q2 = v;
}
/**
* Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
*/
get initialGroups() {
return this.i.rq;
}
set initialGroups(v) {
this.i.rq = v;
}
/**
* Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
*/
get initialFilter() {
return this.i.ro;
}
set initialFilter(v) {
this.i.ro = v;
}
/**
* Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
*/
get initialHighlightFilter() {
return this.i.rs;
}
set initialHighlightFilter(v) {
this.i.rs = v;
}
/**
* Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
*/
get initialSummaries() {
return this.i.rw;
}
set initialSummaries(v) {
this.i.rw = v;
}
/**
* Gets or sets a collection of data items used to generate the chart.
* The HighlightedItemsSource of this chart can be a list of objects containing one or more numeric properties.
* Additionally, if the objects in the list implement the IEnumerable interface,
* the Chart will attempt to delve into the sub-collections when reading through the data source.
* Data binding can be further configured by attributing the data item classes
* with the DataSeriesMemberIntentAttribute.
*/
get highlightedDataSource() {
return this.i.highlightedItemsSource;
}
set highlightedDataSource(v) {
this.i.highlightedItemsSource = v;
}
/**
* Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
*
* The `IncludedProperties` property used to include the properties for the consideration of the category chart.
*
* ```ts
* this.chart.includedProperties = ["ProductName", "Cost"];
* ```
*/
get includedProperties() {
return this.i.includedProperties;
}
set includedProperties(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.includedProperties = v;
}
/**
* Gets or sets a set of property paths that should be excluded from consideration by the category chart.
*
* The `ExcludedProperties` property used for the property paths that should be excluded from consideration by the category chart.
*
* ```ts
* this.chart.excludedProperties = ["ID", "Discount"];
* ```
*/
get excludedProperties() {
return this.i.excludedProperties;
}
set excludedProperties(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.excludedProperties = v;
}
/**
* Gets or sets the palette of brushes to use for coloring the chart series.
* The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
*
* Use the `Brushes` property to set the brushes.
*
* ```ts
* this.chart.brushes = ["#ff0000","#00ff00"];
* ```
*/
get brushes() {
return fromBrushCollection(this.i.z);
}
set brushes(v) {
this.i.z = toBrushCollection(v);
this._a("brushes", brushCollectionToString(this.i.z));
}
/**
* Gets or sets the palette of brushes to use for outlines on the chart series.
* The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
*
* Use the `Outlines` property to sets the palette of brushes to use for outlines on the chart series
*/
get outlines() {
return fromBrushCollection(this.i.ad);
}
set outlines(v) {
this.i.ad = toBrushCollection(v);
this._a("outlines", brushCollectionToString(this.i.ad));
}
/**
* Gets the actual palette of brushes to use for coloring the chart series.
*/
get actualBrushes() {
return fromBrushCollection(this.i.x);
}
set actualBrushes(v) {
this.i.x = toBrushCollection(v);
this._a("actualBrushes", brushCollectionToString(this.i.x));
}
/**
* Gets the actual palette of brushes to use for outlines on the chart series.
*/
get actualOutlines() {
return fromBrushCollection(this.i.y);
}
set actualOutlines(v) {
this.i.y = toBrushCollection(v);
this._a("actualOutlines", brushCollectionToString(this.i.y));
}
/**
* Gets or sets whether the chart can be horizontally zoomed through user interactions.
*
* Use the `IsHorizontalZoomEnabled` property to allow chart horizontally zoomed .
*
* ```ts
* this.chart.isHorizontalZoomEnabled = true;
* ```
*/
get isHorizontalZoomEnabled() {
return this.i.g6;
}
set isHorizontalZoomEnabled(v) {
this.i.g6 = ensureBool(v);
this._a("isHorizontalZoomEnabled", this.i.g6);
}
/**
* Gets or sets whether the chart can be vertically zoomed through user interactions.
*
* Use the `IsVerticalZoomEnabled` property to allow chart zoom vertically.
*
* ```ts
* this.chart.isVerticalZoomEnabled = true;
* ```
*/
get isVerticalZoomEnabled() {
return this.i.he;
}
set isVerticalZoomEnabled(v) {
this.i.he = ensureBool(v);
this._a("isVerticalZoomEnabled", this.i.he);
}
/**
* Gets or sets whether the chart should display mock data when the data source has not been provided, if supported for this type of chart.
*/
get shouldDisplayMockData() {
return this.i.hi;
}
set shouldDisplayMockData(v) {
this.i.hi = ensureBool(v);
this._a("shouldDisplayMockData", this.i.hi);
}
/**
* Gets or sets whether the chart should use a faded skeleton style for mock data.
*/
get shouldUseSkeletonStyleForMockData() {
return this.i.hl;
}
set shouldUseSkeletonStyleForMockData(v) {
this.i.hl = ensureBool(v);
this._a("shouldUseSkeletonStyleForMockData", this.i.hl);
}
/**
* Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
* This property applies to Category Chart and Financial Chart controls.
*/
get highlightedValuesDisplayMode() {
return this.i.dh;
}
set highlightedValuesDisplayMode(v) {
this.i.dh = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.dh));
}
/**
* Gets or sets whether the chart can highlight series through user interactions.
* This property applies to Category Chart and Financial Chart controls.
*/
get isSeriesHighlightingEnabled() {
return this.i.g9;
}
set isSeriesHighlightingEnabled(v) {
this.i.g9 = ensureBool(v);
this._a("isSeriesHighlightingEnabled", this.i.g9);
}
/**
* Gets or sets whether the chart can highlight series through user interactions.
* This property applies to Category Chart and Financial Chart controls.
*/
get highlightedLegendItemVisibility() {
return this.i.aai;
}
set highlightedLegendItemVisibility(v) {
this.i.aai = ensureEnum(Visibility_$type, v);
this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.aai));
}
/**
* Gets or sets whether to show the legend items for the series.
*/
get legendItemVisibility() {
return this.i.aaj;
}
set legendItemVisibility(v) {
this.i.aaj = ensureEnum(Visibility_$type, v);
this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.aaj));
}
/**
* Gets or sets the rectangle representing the current scroll and zoom state of the chart.
* WindowRect is expressed as a Rectangle with coordinates and sizes between 0 and 1.
*
* Use `WindowRect` property representing the current scroll and zoom state of the chart.
*
* ```ts
* this.chart.windowRect =[0,0,1,1];
* ```
*/
get windowRect() {
return fromRect(this.i.zr);
}
set windowRect(v) {
this.i.zr = toRect(v);
this._a("windowRect", rectToString(this.i.zr));
}
/**
* Gets a rectangle representing the bounds of the plot area.
*
* `viewport` property representing the bounds of the plot area.
*
* ```ts
* let viewport:Rect = this.chart.viewport;
* ```
*/
get viewport() {
return fromRect(this.i.zq);
}
/**
* Gets or sets text to display above the plot area.
*
* Use the `Title` property to display the text above the plot area.
*
* ```ts
* this.chart.title= "This is a Title";
* ```
*/
get chartTitle() {
return this.i.td;
}
set chartTitle(v) {
this.i.td = v;
}
/**
* Gets or sets text to display below the Title, above the plot area.
*
* Use the `Subtitle` property to display the text below and above the plot area.
*
* ```ts
* this.chart.subtitle ="CategoryChart Subtitle" ;
* ```
*/
get subtitle() {
return this.i.s2;
}
set subtitle(v) {
this.i.s2 = v;
}
/**
* Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
*
* Use the `TitleAlignment` property for the horizontal alignment of the title.
*
* ```ts
* this.chart.titleAlignment = HorizontalAlignment.Center;
* ```
*/
get titleAlignment() {
return this.i.xq;
}
set titleAlignment(v) {
this.i.xq = ensureEnum(HorizontalAlignment_$type, v);
this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.xq));
}
/**
* Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
*
* Use the `SubtitleAlignment` property to Gets or sets horizontal alignment.
*
* ```ts
* this.chart.subtitleAlignment = HorizontalAlignment.Right;
* ```
*/
get subtitleAlignment() {
return this.i.xp;
}
set subtitleAlignment(v) {
this.i.xp = ensureEnum(HorizontalAlignment_$type, v);
this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.xp));
}
/**
* Gets or sets the behavior that determines how unknown values will be plotted on the chart.
* Null and Double.NaN are two examples of unknown values.
*
* Use the `UnknownValuePlotting` property to determines the behavior that how unknown values will be plotted on the chart.
*
* ```ts
* this.chart.unknownValuePlotting =UnknownValuePlotting.DontPlot;
* ```
*/
get unknownValuePlotting() {
return this.i.ef;
}
set unknownValuePlotting(v) {
this.i.ef = ensureEnum(UnknownValuePlotting_$type, v);
this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.ef));
}
/**
* Gets or sets the rendering resolution for all series in this chart.
* Where n = Resolution, for every n horizontal pixels, combine all items into a single data point. When Resolution = 0, all data points will be rendered as graphical objects. Charts with a higher resolution will have faster performance.
*
* Use the `Resolution` property if the callouts should be display.
*
* ```ts
* this.chart.resolution = 2 ;
* ```
*/
get resolution() {
return this.i.ka;
}
set resolution(v) {
this.i.ka = +v;
this._a("resolution", this.i.ka);
}
/**
* Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.
*
* Use the `Thickness` property for the thickness of all the series in this chart.
*/
get thickness() {
return this.i.kg;
}
set thickness(v) {
this.i.kg = +v;
this._a("thickness", this.i.kg);
}
/**
* Gets or sets the OutlineMode for all series in this chart.
*/
get outlineMode() {
return this.i.dn;
}
set outlineMode(v) {
this.i.dn = ensureEnum(SeriesOutlineMode_$type, v);
this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.dn));
}
/**
* Gets or sets the MarkerOutlineMode for all series that support markers in this chart.
*/
get markerOutlineMode() {
return this.i.cz;
}
set markerOutlineMode(v) {
this.i.cz = ensureEnum(MarkerOutlineMode_$type, v);
this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.cz));
}
/**
* Gets or sets the MarkerFillMode for all series that support markers in this chart.
*/
get markerFillMode() {
return this.i.cx;
}
set markerFillMode(v) {
this.i.cx = ensureEnum(MarkerFillMode_$type, v);
this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.cx));
}
/**
* Gets or sets the Marker Fill Opacity for all series that support markers in this chart.
*/
get markerFillOpacity() {
return this.i.j3;
}
set markerFillOpacity(v) {
this.i.j3 = +v;
this._a("markerFillOpacity", this.i.j3);
}
/**
* Gets or sets the Marker Thickness for all series that support markers in this chart.
*/
get markerThickness() {
return this.i.j4;
}
set markerThickness(v) {
this.i.j4 = +v;
this._a("markerThickness", this.i.j4);
}
/**
* Gets or sets the marker shapes used for indicating location of data points in this chart.
* This property applies only to these chart types: point, line, spline, bubble, and polygon
*/
get markerTypes() {
if (this._markerTypes === null) {
let coll = new IgcMarkerTypeCollection();
let innerColl = this.i.c5;
if (!innerColl) {
innerColl = new MarkerTypeCollection_internal();
}
this._markerTypes = coll._fromInner(innerColl);
this.i.c5 = innerColl;
}
return this._markerTypes;
}
set markerTypes(v) {
if (this._markerTypes !== null) {
this._markerTypes._setSyncTarget(null);
this._markerTypes = null;
}
let coll = new IgcMarkerTypeCollection();
this._markerTypes = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(MarkerType_$type);
let innerColl = this.i.c5;
if (!innerColl) {
innerColl = new MarkerTypeCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._markerTypes._setSyncTarget(syncColl);
this.i.c5 = innerColl;
}
/**
* Gets or sets the default marker type for all series plotted in this chart.
* This property is ignored when the MarkerTypes property is set
*/
get markerAutomaticBehavior() {
return this.i.cv;
}
set markerAutomaticBehavior(v) {
this.i.cv = ensureEnum(MarkerAutomaticBehavior_$type, v);
this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.cv));
}
/**
* Gets or sets the palette of brushes used for rendering fill area of data point markers.
* This property applies only to these chart types: point, line, spline, bubble, and polygon
*
* `MarkerBrushes` property used for rendering fill area of data point markers.
*
* ```ts
* this.chart.markerBrushes=[ "#ff0000", "#ffff00", "#00ffff" ];
* ```
*/
get markerBrushes() {
return fromBrushCollection(this.i.ab);
}
set markerBrushes(v) {
this.i.ab = toBrushCollection(v);
this._a("markerBrushes", brushCollectionToString(this.i.ab));
}
/**
* Gets or sets the palette of brushes used for rendering outlines of data point markers.
* This property applies only to these chart types: point, line, spline, bubble, and polygon
*
* `MarkerOutlines` property used for rendering outlines of data point markers.
*
* ```ts
* this.chart.markerOutlines= ["#ff0000", "#ffff00", "#00ffff"] ;
* ```
*/
get markerOutlines() {
return fromBrushCollection(this.i.ac);
}
set markerOutlines(v) {
this.i.ac = toBrushCollection(v);
this._a("markerOutlines", brushCollectionToString(this.i.ac));
}
/**
* Gets or sets the maximum number of markers displayed in the plot area of the chart.
*
* `markerMaxCount` property used to display maximum number of markers in the plot area of the chart.
*
* ```ts
* this.chart.markerMaxCount = 100 ;
* ```
*/
get markerMaxCount() {
return this.i.lr;
}
set markerMaxCount(v) {
this.i.lr = +v;
this._a("markerMaxCount", this.i.lr);
}
/**
* Gets or sets the fill opacity for all series that have area visuals in this chart.
* For example, Area, SplineArea, Column chart types
*/
get areaFillOpacity() {
return this.i.jn;
}
set areaFillOpacity(v) {
this.i.jn = +v;
this._a("areaFillOpacity", this.i.jn);
}
/**
* Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
*/
get animateSeriesWhenAxisRangeChanges() {
return this.i.gj;
}
set animateSeriesWhenAxisRangeChanges(v) {
this.i.gj = ensureBool(v);
this._a("animateSeriesWhenAxisRangeChanges", this.i.gj);
}
/**
* Gets or sets the palette of brushes to used for coloring trend lines in this chart.
* The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
*
* Use the `TrendLineBrushes` property for coloring trend lines in the chart.
*
* ```ts
* this.chart.trendLineBrushes=["#ff0000", "#ffff00", "#00ffff"] ;
* ```
*/
get trendLineBrushes() {
return fromBrushCollection(this.i.af);
}
set trendLineBrushes(v) {
this.i.af = toBrushCollection(v);
this._a("trendLineBrushes", brushCollectionToString(this.i.af));
}
/**
* Gets or sets the formula used for calculating trend lines in this chart.
* This property applies only to these chart types: point, line, spline, and bubble
*
* Use the `TrendLineType` property for calculating trend lines.
*
* ```ts
* this.chart.trendLineType = TrendLineType.CubicFit;
* ```
*/
get trendLineType() {
return this.i.ec;
}
set trendLineType(v) {
this.i.ec = ensureEnum(TrendLineType_$type, v);
this._a("trendLineType", enumToString(TrendLineType_$type, this.i.ec));
}
/**
* Gets or sets the thickness of the trend lines in this chart.
* This property applies only to these chart types: point, line, spline, and bubble
*
* Use the `TrendLineThickness` property for the thickness of the trend lines in the chart.
*
* ```ts
* this.chart.trendLineThickness=2;
* ```
*/
get trendLineThickness() {
return this.i.km;
}
set trendLineThickness(v) {
this.i.km = +v;
this._a("trendLineThickness", this.i.km);
}
/**
* Gets or sets what trendlines to use in the chart.
*/
get trendLineTypes() {
if (this._trendLineTypes === null) {
let coll = new IgcTrendLineTypeCollection();
let innerColl = this.i.trendLineTypes;
if (!innerColl) {
innerColl = new TrendLineTypeCollection_internal();
}
this._trendLineTypes = coll._fromInner(innerColl);
this.i.trendLineTypes = innerColl;
}
return this._trendLineTypes;
}
set trendLineTypes(v) {
if (this._trendLineTypes !== null) {
this._trendLineTypes._setSyncTarget(null);
this._trendLineTypes = null;
}
let coll = new IgcTrendLineTypeCollection();
this._trendLineTypes = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(TrendLineType_$type);
let innerColl = this.i.trendLineTypes;
if (!innerColl) {
innerColl = new TrendLineTypeCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._trendLineTypes._setSyncTarget(syncColl);
this.i.trendLineTypes = innerColl;
}
/**
* Gets or sets if the chart should use the legend for trendline layers.
*/
get trendLineLayerUseLegend() {
return this.i.hn;
}
set trendLineLayerUseLegend(v) {
this.i.hn = ensureBool(v);
this._a("trendLineLayerUseLegend", this.i.hn);
}
/**
* Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
*
* Use `AlignsGridLinesToPixels` propert to indicat whether grid and tick lines are aligned to device pixels.
*
* ```ts
* this.chart.alignsGridLinesToPixels= true;
* ```
*/
get alignsGridLinesToPixels() {
return this.i.gi;
}
set alignsGridLinesToPixels(v) {
this.i.gi = ensureBool(v);
this._a("alignsGridLinesToPixels", this.i.gi);
}
/**
* Margin applied to the Left of the plot area.
*/
get plotAreaMarginLeft() {
return this.i.j7;
}
set plotAreaMarginLeft(v) {
this.i.j7 = +v;
this._a("plotAreaMarginLeft", this.i.j7);
}
/**
* Margin applied to the Top of the plot area.
*/
get plotAreaMarginTop() {
return this.i.j9;
}
set plotAreaMarginTop(v) {
this.i.j9 = +v;
this._a("plotAreaMarginTop", this.i.j9);
}
/**
* Margin applied to the right of the plot area.
*/
get plotAreaMarginRight() {
return this.i.j8;
}
set plotAreaMarginRight(v) {
this.i.j8 = +v;
this._a("plotAreaMarginRight", this.i.j8);
}
/**
* Margin applied below the plot area.
*/
get plotAreaMarginBottom() {
return this.i.j6;
}
set plotAreaMarginBottom(v) {
this.i.j6 = +v;
this._a("plotAreaMarginBottom", this.i.j6);
}
/**
* Gets or sets the time to wait before visually dismissing a highlight.
*/
get highlightingDismissDelayMilliseconds() {
return this.i.lp;
}
set highlightingDismissDelayMilliseconds(v) {
this.i.lp = +v;
this._a("highlightingDismissDelayMilliseconds", this.i.lp);
}
/**
* Gets or sets the time to wait before visually dismissing a focus highlight.
*/
get focusDismissDelayMilliseconds() {
return this.i.ln;
}
set focusDismissDelayMilliseconds(v) {
this.i.ln = +v;
this._a("focusDismissDelayMilliseconds", this.i.ln);
}
/**
* Gets or sets the time to wait before visually dismissing a selection highlight
*/
get selectionDismissDelayMilliseconds() {
return this.i.ls;
}
set selectionDismissDelayMilliseconds(v) {
this.i.ls = +v;
this._a("selectionDismissDelayMilliseconds", this.i.ls);
}
/**
* Gets or sets mode to use for automatically calculating the plot area margin.
*/
get computedPlotAreaMarginMode() {
return this.i.a9;
}
set computedPlotAreaMarginMode(v) {
this.i.a9 = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.a9));
}
/**
* Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
*/
get seriesPlotAreaMarginHorizontalMode() {
return this.i.dq;
}
set seriesPlotAreaMarginHorizontalMode(v) {
this.i.dq = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.dq));
}
/**
* Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
*/
get seriesPlotAreaMarginVerticalMode() {
return this.i.ds;
}
set seriesPlotAreaMarginVerticalMode(v) {
this.i.ds = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.ds));
}
/**
* Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
*/
get highlightingMode() {
return this.i.dl;
}
set highlightingMode(v) {
this.i.dl = ensureEnum(SeriesHighlightingMode_$type, v);
this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.dl));
}
/**
* Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
*/
get highlightingBehavior() {
return this.i.dj;
}
set highlightingBehavior(v) {
this.i.dj = ensureEnum(SeriesHighlightingBehavior_$type, v);
this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.dj));
}
/**
* Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
*/
get legendHighlightingMode() {
return this.i.cn;
}
set legendHighlightingMode(v) {
this.i.cn = ensureEnum(LegendHighlightingMode_$type, v);
this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.cn));
}
/**
* Gets or sets the type of legend badges representing all series displayed in a legend linked to this component
* This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
*/
get legendItemBadgeShape() {
return this.i.ct;
}
set legendItemBadgeShape(v) {
this.i.ct = ensureEnum(LegendItemBadgeShape_$type, v);
this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.ct));
}
/**
* Gets or sets the mode of legend badges representing all series displayed in a legend linked to this component.
* This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
*/
get legendItemBadgeMode() {
return this.i.cp;
}
set legendItemBadgeMode(v) {
this.i.cp = ensureEnum(LegendItemBadgeMode_$type, v);
this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.cp));
}
get trendLinePeriod() {
return this.i.lv;
}
set trendLinePeriod(v) {
this.i.lv = +v;
this._a("trendLinePeriod", this.i.lv);
}
/**
* Gets or sets the style of tooltip to be displayed.
*/
get toolTipType() {
return this.i.ea;
}
set toolTipType(v) {
this.i.ea = ensureEnum(ToolTipType_$type, v);
this._a("toolTipType", enumToString(ToolTipType_$type, this.i.ea));
}
/**
* Gets or sets the crosshairs to be displayed.
*/
get crosshairsDisplayMode() {
return this.i.crosshairsDisplayMode;
}
set crosshairsDisplayMode(v) {
this.i.crosshairsDisplayMode = ensureEnum(CrosshairsDisplayMode_$type, v);
this._a("crosshairsDisplayMode", enumToString(CrosshairsDisplayMode_$type, this.i.crosshairsDisplayMode));
}
/**
* Gets or sets whether crosshairs will snap to the nearest data point.
*/
get crosshairsSnapToData() {
return this.i.gq;
}
set crosshairsSnapToData(v) {
this.i.gq = ensureBool(v);
this._a("crosshairsSnapToData", this.i.gq);
}
/**
* Gets or sets the color to apply to vertical crosshairs line.
*/
get crosshairsLineVerticalStroke() {
return brushToString(this.i.yy);
}
set crosshairsLineVerticalStroke(v) {
this.i.yy = stringToBrush(v);
this._a("crosshairsLineVerticalStroke", brushToString(this.i.yy));
}
/**
* Gets or sets thickness of crosshairs lines.
*/
get crosshairsLineThickness() {
return this.i.jq;
}
set crosshairsLineThickness(v) {
this.i.jq = +v;
this._a("crosshairsLineThickness", this.i.jq);
}
/**
* Gets or sets the color to apply to horizontal crosshairs line.
*/
get crosshairsLineHorizontalStroke() {
return brushToString(this.i.yx);
}
set crosshairsLineHorizontalStroke(v) {
this.i.yx = stringToBrush(v);
this._a("crosshairsLineHorizontalStroke", brushToString(this.i.yx));
}
/**
* Gets or sets whether annotations are shown along the axis for crosshair values
*/
get crosshairsAnnotationEnabled() {
return this.i.crosshairsAnnotationEnabled;
}
set crosshairsAnnotationEnabled(v) {
this.i.crosshairsAnnotationEnabled = ensureBool(v);
this._a("crosshairsAnnotationEnabled", this.i.crosshairsAnnotationEnabled);
}
/**
* Gets or sets the background of crosshair annotation on x-axis.
*/
get crosshairsAnnotationXAxisBackground() {
return brushToString(this.i.yt);
}
set crosshairsAnnotationXAxisBackground(v) {
this.i.yt = stringToBrush(v);
this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.yt));
}
/**
* Gets or sets the background of crosshair annotation on y-axis.
*/
get crosshairsAnnotationYAxisBackground() {
return brushToString(this.i.yv);
}
set crosshairsAnnotationYAxisBackground(v) {
this.i.yv = stringToBrush(v);
this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.yv));
}
/**
* Gets or sets the text color of crosshair annotation on x-axis.
*/
get crosshairsAnnotationXAxisTextColor() {
return brushToString(this.i.yu);
}
set crosshairsAnnotationXAxisTextColor(v) {
this.i.yu = stringToBrush(v);
this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.yu));
}
/**
* Gets or sets the text color of crosshair annotation on y-axis.
*/
get crosshairsAnnotationYAxisTextColor() {
return brushToString(this.i.yw);
}
set crosshairsAnnotationYAxisTextColor(v) {
this.i.yw = stringToBrush(v);
this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.yw));
}
/**
* Gets or sets precision on interpolated values of crosshairs on x-axis.
*/
get crosshairsAnnotationXAxisPrecision() {
return this.i.li;
}
set crosshairsAnnotationXAxisPrecision(v) {
this.i.li = +v;
this._a("crosshairsAnnotationXAxisPrecision", this.i.li);
}
/**
* Gets or sets precision on interpolated values of crosshairs on y-axis.
*/
get crosshairsAnnotationYAxisPrecision() {
return this.i.lj;
}
set crosshairsAnnotationYAxisPrecision(v) {
this.i.lj = +v;
this._a("crosshairsAnnotationYAxisPrecision", this.i.lj);
}
/**
* Gets or sets whether annotations for the final value of each series is displayed on the axis.
*/
get shouldAvoidAxisAnnotationCollisions() {
return this.i.shouldAvoidAxisAnnotationCollisions;
}
set shouldAvoidAxisAnnotationCollisions(v) {
this.i.shouldAvoidAxisAnnotationCollisions = ensureBool(v);
this._a("shouldAvoidAxisAnnotationCollisions", this.i.shouldAvoidAxisAnnotationCollisions);
}
/**
* Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.
*/
get shouldPanOnMaximumZoom() {
return this.i.hj;
}
set shouldPanOnMaximumZoom(v) {
this.i.hj = ensureBool(v);
this._a("shouldPanOnMaximumZoom", this.i.hj);
}
/**
* Gets or sets whether annotations for the final value of each series is displayed on the axis.
*/
get finalValueAnnotationsVisible() {
return this.i.finalValueAnnotationsVisible;
}
set finalValueAnnotationsVisible(v) {
this.i.finalValueAnnotationsVisible = ensureBool(v);
this._a("finalValueAnnotationsVisible", this.i.finalValueAnnotationsVisible);
}
/**
* Gets or sets the background of final value annotation.
*/
get finalValueAnnotationsBackground() {
return brushToString(this.i.y9);
}
set finalValueAnnotationsBackground(v) {
this.i.y9 = stringToBrush(v);
this._a("finalValueAnnotationsBackground", brushToString(this.i.y9));
}
/**
* Gets or sets the text color of final value annotation.
*/
get finalValueAnnotationsTextColor() {
return brushToString(this.i.za);
}
set finalValueAnnotationsTextColor(v) {
this.i.za = stringToBrush(v);
this._a("finalValueAnnotationsTextColor", brushToString(this.i.za));
}
/**
* Gets or sets precision on final value annotation.
*/
get finalValueAnnotationsPrecision() {
return this.i.lm;
}
set finalValueAnnotationsPrecision(v) {
this.i.lm = +v;
this._a("finalValueAnnotationsPrecision", this.i.lm);
}
/**
* Gets or sets if the auto value callouts should be displayed.
*/
get autoCalloutsVisible() {
return this.i.autoCalloutsVisible;
}
set autoCalloutsVisible(v) {
this.i.autoCalloutsVisible = ensureBool(v);
this._a("autoCalloutsVisible", this.i.autoCalloutsVisible);
}
/**
* Gets or sets if callouts should be displayed.
*/
get calloutsVisible() {
return this.i.gp;
}
set calloutsVisible(v) {
this.i.gp = ensureBool(v);
this._a("calloutsVisible", this.i.gp);
}
/**
* Gets or sets if event annotations should be displayed.
*/
get calloutStyleUpdatingEventEnabled() {
return this.i.gl;
}
set calloutStyleUpdatingEventEnabled(v) {
this.i.gl = ensureBool(v);
this._a("calloutStyleUpdatingEventEnabled", this.i.gl);
}
/**
* Gets or sets if event annotations should be displayed.
*/
get useValueForAutoCalloutLabels() {
return this.i.ho;
}
set useValueForAutoCalloutLabels(v) {
this.i.ho = ensureBool(v);
this._a("useValueForAutoCalloutLabels", this.i.ho);
}
/**
* Gets or sets if event annotations should be displayed.
*/
get calloutCollisionMode() {
return this.i.ah;
}
set calloutCollisionMode(v) {
this.i.ah = ensureEnum(CalloutCollisionMode_$type, v);
this._a("calloutCollisionMode", enumToString(CalloutCollisionMode_$type, this.i.ah));
}
/**
* Gets or sets if the series item color should be used for the callout fills.
*/
get calloutsUseItemColorForFill() {
return this.i.gn;
}
set calloutsUseItemColorForFill(v) {
this.i.gn = ensureBool(v);
this._a("calloutsUseItemColorForFill", this.i.gn);
}
/**
* Gets or sets if the series item color should be used for the callout outlines.
*/
get calloutsUseItemColorForOutline() {
return this.i.go;
}
set calloutsUseItemColorForOutline(v) {
this.i.go = ensureBool(v);
this._a("calloutsUseItemColorForOutline", this.i.go);
}
/**
* Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.
*/
get calloutsUseAutoContrastingLabelColors() {
return this.i.gm;
}
set calloutsUseAutoContrastingLabelColors(v) {
this.i.gm = ensureBool(v);
this._a("calloutsUseAutoContrastingLabelColors", this.i.gm);
}
/**
* Gets or sets if the thickness that should be used for the callout outlines.
*/
get calloutsStrokeThickness() {
return this.i.jp;
}
set calloutsStrokeThickness(v) {
this.i.jp = +v;
this._a("calloutsStrokeThickness", this.i.jp);
}
/**
* Gets or sets color of the callout background.
*/
get calloutsBackground() {
return brushToString(this.i.yn);
}
set calloutsBackground(v) {
this.i.yn = stringToBrush(v);
this._a("calloutsBackground", brushToString(this.i.yn));
}
/**
* Gets or sets color of the callout outlines.
*/
get calloutsOutline() {
return brushToString(this.i.yr);
}
set calloutsOutline(v) {
this.i.yr = stringToBrush(v);
this._a("calloutsOutline", brushToString(this.i.yr));
}
/**
* Gets or sets text color of callout.
*/
get calloutsTextColor() {
return brushToString(this.i.ys);
}
set calloutsTextColor(v) {
this.i.ys = stringToBrush(v);
this._a("calloutsTextColor", brushToString(this.i.ys));
}
/**
* Gets or sets the text color on dark callout background.
*/
get calloutsLightTextColor() {
return brushToString(this.i.yq);
}
set calloutsLightTextColor(v) {
this.i.yq = stringToBrush(v);
this._a("calloutsLightTextColor", brushToString(this.i.yq));
}
/**
* Gets or sets the text color on light callout background.
*/
get calloutsDarkTextColor() {
return brushToString(this.i.yo);
}
set calloutsDarkTextColor(v) {
this.i.yo = stringToBrush(v);
this._a("calloutsDarkTextColor", brushToString(this.i.yo));
}
/**
* Gets or sets color of callout's leader lines.
*/
get calloutsLeaderBrush() {
return brushToString(this.i.yp);
}
set calloutsLeaderBrush(v) {
this.i.yp = stringToBrush(v);
this._a("calloutsLeaderBrush", brushToString(this.i.yp));
}
/**
* Gets or sets the amount of precision to apply to the auto callout labels.
*/
get calloutsAutoLabelPrecision() {
return this.i.lh;
}
set calloutsAutoLabelPrecision(v) {
this.i.lh = +v;
this._a("calloutsAutoLabelPrecision", this.i.lh);
}
/**
* Gets or sets the allowed positions that the callout layer is allowed to use.
*/
get calloutsAllowedPositions() {
if (this._calloutsAllowedPositions === null) {
let coll = new IgcCalloutPlacementPositionsCollection();
let innerColl = this.i.aj;
if (!innerColl) {
innerColl = new CalloutPlacementPositionsCollection_internal();
}
this._calloutsAllowedPositions = coll._fromInner(innerColl);
this.i.aj = innerColl;
}
return this._calloutsAllowedPositions;
}
set calloutsAllowedPositions(v) {
if (this._calloutsAllowedPositions !== null) {
this._calloutsAllowedPositions._setSyncTarget(null);
this._calloutsAllowedPositions = null;
}
let coll = new IgcCalloutPlacementPositionsCollection();
this._calloutsAllowedPositions = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(CalloutPlacementPositions_$type);
let innerColl = this.i.aj;
if (!innerColl) {
innerColl = new CalloutPlacementPositionsCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._calloutsAllowedPositions._setSyncTarget(syncColl);
this.i.aj = innerColl;
}
/**
* Gets or sets the member path of the X data for the callouts.
*/
get calloutsXMemberPath() {
return this.i.nz;
}
set calloutsXMemberPath(v) {
this.i.nz = v;
}
/**
* Gets or sets the member path of the Y data for the callouts.
*/
get calloutsYMemberPath() {
return this.i.n1;
}
set calloutsYMemberPath(v) {
this.i.n1 = v;
}
/**
* Gets or sets the member path of the label data for the callouts.
*/
get calloutsLabelMemberPath() {
return this.i.nm;
}
set calloutsLabelMemberPath(v) {
this.i.nm = v;
}
/**
* Gets or sets the member path of the content data for the callouts.
*/
get calloutsContentMemberPath() {
return this.i.ni;
}
set calloutsContentMemberPath(v) {
this.i.ni = v;
}
/**
* Gets or sets the font for callout text.
*/
get calloutsTextStyle() {
if (this.i.e6 == null) {
return null;
}
return this.i.e6.fontString;
}
set calloutsTextStyle(v) {
let fi = new FontInfo();
fi.fontString = v;
this.i.e6 = fi;
this._a("calloutsTextStyle", this.i.e6 != null ? this.i.e6.fontString : "");
}
/**
* Gets or sets what value lines to use in the chart.
*/
get valueLines() {
if (this._valueLines === null) {
let coll = new IgcValueModeCollection();
let innerColl = this.i.valueLines;
if (!innerColl) {
innerColl = new ValueModeCollection_internal();
}
this._valueLines = coll._fromInner(innerColl);
this.i.valueLines = innerColl;
}
return this._valueLines;
}
set valueLines(v) {
if (this._valueLines !== null) {
this._valueLines._setSyncTarget(null);
this._valueLines = null;
}
let coll = new IgcValueModeCollection();
this._valueLines = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(ValueLayerValueMode_$type);
let innerColl = this.i.valueLines;
if (!innerColl) {
innerColl = new ValueModeCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._valueLines._setSyncTarget(syncColl);
this.i.valueLines = innerColl;
}
/**
* Gets or sets the palette of brushes to use for coloring the value lines present in the ValueLines property.
* The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
*/
get valueLinesBrushes() {
return fromBrushCollection(this.i.valueLinesBrushes);
}
set valueLinesBrushes(v) {
this.i.valueLinesBrushes = toBrushCollection(v);
this._a("valueLinesBrushes", brushCollectionToString(this.i.valueLinesBrushes));
}
/**
* Gets or sets thickness of value lines.
*/
get valueLinesThickness() {
return this.i.kn;
}
set valueLinesThickness(v) {
this.i.kn = +v;
this._a("valueLinesThickness", this.i.kn);
}
/**
* Gets or sets if the chart should use the legend for value layers that target series.
*/
get seriesValueLayerUseLegend() {
return this.i.hh;
}
set seriesValueLayerUseLegend(v) {
this.i.hh = ensureBool(v);
this._a("seriesValueLayerUseLegend", this.i.hh);
}
/**
* Gets or sets the horizontal scrollbar mode to use for the series viewer.
*/
get horizontalViewScrollbarMode() {
return this.i.d3;
}
set horizontalViewScrollbarMode(v) {
this.i.d3 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d3));
}
/**
* Gets or sets the vertical scrollbar mode to use for the series viewer.
*/
get verticalViewScrollbarMode() {
return this.i.d4;
}
set verticalViewScrollbarMode(v) {
this.i.d4 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d4));
}
/**
* Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarPosition() {
return this.i.d0;
}
set horizontalViewScrollbarPosition(v) {
this.i.d0 = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.d0));
}
/**
* Gets or sets the position to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarPosition() {
return this.i.d8;
}
set verticalViewScrollbarPosition(v) {
this.i.d8 = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.d8));
}
/**
* Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarFill() {
return brushToString(this.i.zg);
}
set horizontalViewScrollbarFill(v) {
this.i.zg = stringToBrush(v);
this._a("horizontalViewScrollbarFill", brushToString(this.i.zg));
}
/**
* Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarOutline() {
return brushToString(this.i.zh);
}
set horizontalViewScrollbarOutline(v) {
this.i.zh = stringToBrush(v);
this._a("horizontalViewScrollbarOutline", brushToString(this.i.zh));
}
/**
* Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarStrokeThickness() {
return this.i.jz;
}
set horizontalViewScrollbarStrokeThickness(v) {
this.i.jz = +v;
this._a("horizontalViewScrollbarStrokeThickness", this.i.jz);
}
/**
* Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarMaxOpacity() {
return this.i.jy;
}
set horizontalViewScrollbarMaxOpacity(v) {
this.i.jy = +v;
this._a("horizontalViewScrollbarMaxOpacity", this.i.jy);
}
/**
* Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarCornerRadius() {
return this.i.jv;
}
set horizontalViewScrollbarCornerRadius(v) {
this.i.jv = +v;
this._a("horizontalViewScrollbarCornerRadius", this.i.jv);
}
/**
* Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarHeight() {
return this.i.jw;
}
set horizontalViewScrollbarHeight(v) {
this.i.jw = +v;
this._a("horizontalViewScrollbarHeight", this.i.jw);
}
/**
* Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarInset() {
return this.i.jx;
}
set horizontalViewScrollbarInset(v) {
this.i.jx = +v;
this._a("horizontalViewScrollbarInset", this.i.jx);
}
/**
* Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarTrackStartInset() {
return this.i.j1;
}
set horizontalViewScrollbarTrackStartInset(v) {
this.i.j1 = +v;
this._a("horizontalViewScrollbarTrackStartInset", this.i.j1);
}
/**
* Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarTrackEndInset() {
return this.i.j0;
}
set horizontalViewScrollbarTrackEndInset(v) {
this.i.j0 = +v;
this._a("horizontalViewScrollbarTrackEndInset", this.i.j0);
}
/**
* Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
*/
get horizontalViewScrollbarShouldAddAutoTrackInsets() {
return this.i.gz;
}
set horizontalViewScrollbarShouldAddAutoTrackInsets(v) {
this.i.gz = ensureBool(v);
this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gz);
}
/**
* Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarFill() {
return brushToString(this.i.zm);
}
set verticalViewScrollbarFill(v) {
this.i.zm = stringToBrush(v);
this._a("verticalViewScrollbarFill", brushToString(this.i.zm));
}
/**
* Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarOutline() {
return brushToString(this.i.zn);
}
set verticalViewScrollbarOutline(v) {
this.i.zn = stringToBrush(v);
this._a("verticalViewScrollbarOutline", brushToString(this.i.zn));
}
/**
* Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarStrokeThickness() {
return this.i.kr;
}
set verticalViewScrollbarStrokeThickness(v) {
this.i.kr = +v;
this._a("verticalViewScrollbarStrokeThickness", this.i.kr);
}
/**
* Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarMaxOpacity() {
return this.i.kq;
}
set verticalViewScrollbarMaxOpacity(v) {
this.i.kq = +v;
this._a("verticalViewScrollbarMaxOpacity", this.i.kq);
}
/**
* Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarCornerRadius() {
return this.i.ko;
}
set verticalViewScrollbarCornerRadius(v) {
this.i.ko = +v;
this._a("verticalViewScrollbarCornerRadius", this.i.ko);
}
/**
* Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarWidth() {
return this.i.ku;
}
set verticalViewScrollbarWidth(v) {
this.i.ku = +v;
this._a("verticalViewScrollbarWidth", this.i.ku);
}
/**
* Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarInset() {
return this.i.kp;
}
set verticalViewScrollbarInset(v) {
this.i.kp = +v;
this._a("verticalViewScrollbarInset", this.i.kp);
}
/**
* Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarTrackStartInset() {
return this.i.kt;
}
set verticalViewScrollbarTrackStartInset(v) {
this.i.kt = +v;
this._a("verticalViewScrollbarTrackStartInset", this.i.kt);
}
/**
* Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarTrackEndInset() {
return this.i.ks;
}
set verticalViewScrollbarTrackEndInset(v) {
this.i.ks = +v;
this._a("verticalViewScrollbarTrackEndInset", this.i.ks);
}
/**
* Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
*/
get verticalViewScrollbarShouldAddAutoTrackInsets() {
return this.i.hp;
}
set verticalViewScrollbarShouldAddAutoTrackInsets(v) {
this.i.hp = ensureBool(v);
this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.hp);
}
/**
* Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
* Decrease this value if you want to allow for further zooming into the viewer.
* If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
* This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
*/
get windowRectMinWidth() {
return this.i.kw;
}
set windowRectMinWidth(v) {
this.i.kw = +v;
this._a("windowRectMinWidth", this.i.kw);
}
/**
* Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
* Decrease this value if you want to allow for further zooming into the viewer.
* If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
* This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
*/
get windowRectMinHeight() {
return this.i.kv;
}
set windowRectMinHeight(v) {
this.i.kv = +v;
this._a("windowRectMinHeight", this.i.kv);
}
/**
* Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
* Decrease this value if you want to allow for further zooming into the viewer.
* If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
* This property is overridden by the WindowRectMinWidth property
*/
get windowSizeMinWidth() {
return this.i.ky;
}
set windowSizeMinWidth(v) {
this.i.ky = +v;
this._a("windowSizeMinWidth", this.i.ky);
}
/**
* Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
* Decrease this value if you want to allow for further zooming into the viewer.
* If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
* This property is overridden by the WindowRectMinHeight property
*/
get windowSizeMinHeight() {
return this.i.kx;
}
set windowSizeMinHeight(v) {
this.i.kx = +v;
this._a("windowSizeMinHeight", this.i.kx);
}
findByName(name) {
if (this.findEphemera) {
if (name && name.indexOf("@@e:") == 0) {
return this.findEphemera(name);
}
}
if (this.dataToolTipValueFormatSpecifiers != null && arrayFindByName(this.dataToolTipValueFormatSpecifiers, name)) {
return arrayFindByName(this.dataToolTipValueFormatSpecifiers, name);
}
if (this.dataToolTipHeaderFormatSpecifiers != null && arrayFindByName(this.dataToolTipHeaderFormatSpecifiers, name)) {
return arrayFindByName(this.dataToolTipHeaderFormatSpecifiers, name);
}
if (this.sortDescriptions != null && this.sortDescriptions.findByName && this.sortDescriptions.findByName(name)) {
return this.sortDescriptions.findByName(name);
}
if (this.groupSortDescriptions != null && this.groupSortDescriptions.findByName && this.groupSortDescriptions.findByName(name)) {
return this.groupSortDescriptions.findByName(name);
}
if (this.groupDescriptions != null && this.groupDescriptions.findByName && this.groupDescriptions.findByName(name)) {
return this.groupDescriptions.findByName(name);
}
if (this.filterExpressions != null && this.filterExpressions.findByName && this.filterExpressions.findByName(name)) {
return this.filterExpressions.findByName(name);
}
if (this.highlightFilterExpressions != null && this.highlightFilterExpressions.findByName && this.highlightFilterExpressions.findByName(name)) {
return this.highlightFilterExpressions.findByName(name);
}
if (this.summaryDescriptions != null && this.summaryDescriptions.findByName && this.summaryDescriptions.findByName(name)) {
return this.summaryDescriptions.findByName(name);
}
if (this.selectedSeriesItems != null && this.selectedSeriesItems.findByName && this.selectedSeriesItems.findByName(name)) {
return this.selectedSeriesItems.findByName(name);
}
if (this.focusedSeriesItems != null && this.focusedSeriesItems.findByName && this.focusedSeriesItems.findByName(name)) {
return this.focusedSeriesItems.findByName(name);
}
if (this.initialSortDescriptions != null && this.initialSortDescriptions.findByName && this.initialSortDescriptions.findByName(name)) {
return this.initialSortDescriptions.findByName(name);
}
if (this.initialGroupSortDescriptions != null && this.initialGroupSortDescriptions.findByName && this.initialGroupSortDescriptions.findByName(name)) {
return this.initialGroupSortDescriptions.findByName(name);
}
if (this.initialGroupDescriptions != null && this.initialGroupDescriptions.findByName && this.initialGroupDescriptions.findByName(name)) {
return this.initialGroupDescriptions.findByName(name);
}
if (this.initialFilterExpressions != null && this.initialFilterExpressions.findByName && this.initialFilterExpressions.findByName(name)) {
return this.initialFilterExpressions.findByName(name);
}
if (this.initialHighlightFilterExpressions != null && this.initialHighlightFilterExpressions.findByName && this.initialHighlightFilterExpressions.findByName(name)) {
return this.initialHighlightFilterExpressions.findByName(name);
}
if (this.initialSummaryDescriptions != null && this.initialSummaryDescriptions.findByName && this.initialSummaryDescriptions.findByName(name)) {
return this.initialSummaryDescriptions.findByName(name);
}
if (this.legend && this.legend.name && this.legend.name == name) {
return this.legend;
}
if (this.markerTypes != null && this.markerTypes.findByName && this.markerTypes.findByName(name)) {
return this.markerTypes.findByName(name);
}
if (this.trendLineTypes != null && this.trendLineTypes.findByName && this.trendLineTypes.findByName(name)) {
return this.trendLineTypes.findByName(name);
}
if (this.calloutsAllowedPositions != null && this.calloutsAllowedPositions.findByName && this.calloutsAllowedPositions.findByName(name)) {
return this.calloutsAllowedPositions.findByName(name);
}
if (this.valueLines != null && this.valueLines.findByName && this.valueLines.findByName(name)) {
return this.valueLines.findByName(name);
}
return null;
}
get hasUserValues() {
return this._hasUserValues;
}
__m(propertyName) {
if (!this._inStyling) {
this._hasUserValues.add(propertyName);
}
}
_styling(container, component, parent) {
if (this._inStyling) {
return;
}
this._inStyling = true;
this._stylingContainer = container;
this._stylingParent = component;
let genericPrefix = "";
let typeName = this.i.$type.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
genericPrefix = toSpinal("DomainChartComponent");
let additionalPrefixes = [];
let prefix = toSpinal(typeName);
additionalPrefixes.push(prefix + "-");
let b = this.i.$type.baseType;
while (b && b.name != "Object" &&
b.name != "Base" &&
b.name != "Control" &&
b.Name != "DependencyObject" &&
b.Name != "FrameworkElement") {
typeName = b.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
let basePrefix = toSpinal(typeName);
additionalPrefixes.push(basePrefix + "-");
b = b.baseType;
}
if (parent) {
let parentTypeName = parent.i.$type.name;
if (parentTypeName.indexOf("Xam") === 0) {
parentTypeName = parentTypeName.substring(3);
}
let parentPrefix = toSpinal(parentTypeName);
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
}
initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
if (this._otherStyling) {
this._otherStyling(container, component, parent);
}
this._inStyling = false;
}
/**
* Provides a container for this control
*
* `provideContainer` method provide container for the control.
*
* ```ts
* this.chart.provideContainer("Container");
* ```
*/
provideContainer(container) {
this.i.provideContainer(container);
}
/**
* Destroy this control
*
* Use the `destroy` property to destroy the chart.
*
* ```ts
* this.chart.destroy();
* ```
*/
destroy() {
this.i.destroy();
}
/**
* Called when the control has been resized.
*
* `NotifyResized` method Called when the control has been resized.
*
* ```ts
* this.chart.notifyResized();
* ```
*/
notifyResized() {
this.i.notifyResized();
}
notifyVisualPropertiesChanged() {
this.i.vz();
}
/**
* Forces any pending refresh to the chart to be finished.
*
* Method `flush` used to Forces any pending deferred work to render on the chart before continuing.
*
* ```ts
* this.chart.flush();
* ```
*/
flush() {
this.i.u4();
}
/**
* Hides the active main tooltip, if displayed.
*
* Use the `HideToolTip` method to hide the active tooltip.
*
* ```ts
* this.chart.hideToolTip();
* ```
*/
hideToolTip() {
this.i.vd();
}
/**
* Replays transition-in animation on all series in the chart.
*/
replayTransitionIn() {
this.i.w7();
}
onDetach() {
this.i.v7();
}
/**
* Performs zoom in action on the chart by specified percentage of current window rect
*/
zoomIn(v) {
this.i.zoomIn(v);
}
/**
* Performs zoom out action on the chart by specified percentage of current window rect
*/
zoomOut(v) {
this.i.zoomOut(v);
}
/**
* Resets the zoom level to default.
*/
resetZoom() {
this.i.resetZoom();
}
getDesiredToolbarActions() {
let iv = this.i.getDesiredToolbarActions();
return (iv);
}
addCommandAvailabilityListener(listener) {
this.i.addCommandAvailabilityListener(listener);
}
removeCommandAvailabilityListener(listener) {
this.i.removeCommandAvailabilityListener(listener);
}
addCommandStateChangedListener(listener) {
this.i.addCommandStateChangedListener(listener);
}
removeCommandStateChangedListener(listener) {
this.i.removeCommandStateChangedListener(listener);
}
notifySeriesDataChanged() {
this.i.notifySeriesDataChanged();
}
notifySetItem(source_, index, oldItem, newItem) {
this.i.vy(source_, index, oldItem, newItem);
}
/**
* Used to manually notify the chart that the data source has reset or cleared its items.
*
* Use `notifyClearItems` method to notifies the chart that the items have been cleared from an associated data source.
*
* ```ts
* this.chart.notifyClearItems(this.data);
* ```
*/
notifyClearItems(source_) {
this.i.vu(source_);
}
notifyInsertItem(source_, index, newItem) {
this.i.vv(source_, index, newItem);
}
notifyRemoveItem(source_, index, oldItem) {
this.i.vw(source_, index, oldItem);
}
/**
* Event raised when a series is initialized and added to this chart.
*
* `SeriesAdded` event raised when a series is initialized and added to this chart.
*/
get seriesAdded() {
return this._seriesAdded;
}
set seriesAdded(ev) {
if (this._seriesAdded_wrapped !== null) {
this.i.seriesAdded = delegateRemove(this.i.seriesAdded, this._seriesAdded_wrapped);
this._seriesAdded_wrapped = null;
this._seriesAdded = null;
}
this._seriesAdded = ev;
this._seriesAdded_wrapped = (o, e) => {
let outerArgs = new IgcChartSeriesEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesAdded) {
this.beforeSeriesAdded(this, outerArgs);
}
if (this._seriesAdded) {
this._seriesAdded(this, outerArgs);
}
};
this.i.seriesAdded = delegateCombine(this.i.seriesAdded, this._seriesAdded_wrapped);
;
}
/**
* Event raised when a series is removed from this chart.
*
* `SeriesRemoved` event raised when a series is removed from this chart.
*
* ```ts
* CategoryChart_seriesRemoved(sender: any , aregs: ChartSeriesEventArgs)
* {
*
* }
* ```
*/
get seriesRemoved() {
return this._seriesRemoved;
}
set seriesRemoved(ev) {
if (this._seriesRemoved_wrapped !== null) {
this.i.seriesRemoved = delegateRemove(this.i.seriesRemoved, this._seriesRemoved_wrapped);
this._seriesRemoved_wrapped = null;
this._seriesRemoved = null;
}
this._seriesRemoved = ev;
this._seriesRemoved_wrapped = (o, e) => {
let outerArgs = new IgcChartSeriesEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesRemoved) {
this.beforeSeriesRemoved(this, outerArgs);
}
if (this._seriesRemoved) {
this._seriesRemoved(this, outerArgs);
}
};
this.i.seriesRemoved = delegateCombine(this.i.seriesRemoved, this._seriesRemoved_wrapped);
;
}
/**
* Occurs when the pointer enters a Series.
*
* `SeriesPointerEnter` event raised when the pointer enters a Series.
*
* ```ts
* CategoryChart_seriesPointerEnter(sender: any , aregs: ChartSeriesEventArgs)
* {
*
* }
* ```
*/
get seriesPointerEnter() {
return this._seriesPointerEnter;
}
set seriesPointerEnter(ev) {
if (this._seriesPointerEnter_wrapped !== null) {
this.i.seriesPointerEnter = delegateRemove(this.i.seriesPointerEnter, this._seriesPointerEnter_wrapped);
this._seriesPointerEnter_wrapped = null;
this._seriesPointerEnter = null;
}
this._seriesPointerEnter = ev;
this._seriesPointerEnter_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesPointerEnter) {
this.beforeSeriesPointerEnter(this, outerArgs);
}
if (this._seriesPointerEnter) {
this._seriesPointerEnter(this, outerArgs);
}
};
this.i.seriesPointerEnter = delegateCombine(this.i.seriesPointerEnter, this._seriesPointerEnter_wrapped);
;
}
/**
* Occurs when the pointer leaves a Series.
*
* `SeriesPointerLeave` event raised when the pointer leaves a Series.
*
* ```ts
* CategoryChart_seriesPointerLeave(sender: any , aregs: ChartSeriesEventArgs)
* {
*
* }
* ```
*/
get seriesPointerLeave() {
return this._seriesPointerLeave;
}
set seriesPointerLeave(ev) {
if (this._seriesPointerLeave_wrapped !== null) {
this.i.seriesPointerLeave = delegateRemove(this.i.seriesPointerLeave, this._seriesPointerLeave_wrapped);
this._seriesPointerLeave_wrapped = null;
this._seriesPointerLeave = null;
}
this._seriesPointerLeave = ev;
this._seriesPointerLeave_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesPointerLeave) {
this.beforeSeriesPointerLeave(this, outerArgs);
}
if (this._seriesPointerLeave) {
this._seriesPointerLeave(this, outerArgs);
}
};
this.i.seriesPointerLeave = delegateCombine(this.i.seriesPointerLeave, this._seriesPointerLeave_wrapped);
;
}
/**
* Occurs when the pointer moves over a Series.
*
* `SeriesPointerMove` event raised when the pointer moves over a Series.
*
* ```ts
* CategoryChart_seriesPointerMove(sender: any , aregs: ChartSeriesEventArgs)
* {
*
* }
* ```
*/
get seriesPointerMove() {
return this._seriesPointerMove;
}
set seriesPointerMove(ev) {
if (this._seriesPointerMove_wrapped !== null) {
this.i.seriesPointerMove = delegateRemove(this.i.seriesPointerMove, this._seriesPointerMove_wrapped);
this._seriesPointerMove_wrapped = null;
this._seriesPointerMove = null;
}
this._seriesPointerMove = ev;
this._seriesPointerMove_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesPointerMove) {
this.beforeSeriesPointerMove(this, outerArgs);
}
if (this._seriesPointerMove) {
this._seriesPointerMove(this, outerArgs);
}
};
this.i.seriesPointerMove = delegateCombine(this.i.seriesPointerMove, this._seriesPointerMove_wrapped);
;
}
/**
* Occurs when the pointer is pressed down over a Series.
*
* `SeriesPointerDown` event raised when the pointer is pressed down over a Series
*/
get seriesPointerDown() {
return this._seriesPointerDown;
}
set seriesPointerDown(ev) {
if (this._seriesPointerDown_wrapped !== null) {
this.i.seriesPointerDown = delegateRemove(this.i.seriesPointerDown, this._seriesPointerDown_wrapped);
this._seriesPointerDown_wrapped = null;
this._seriesPointerDown = null;
}
this._seriesPointerDown = ev;
this._seriesPointerDown_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesPointerDown) {
this.beforeSeriesPointerDown(this, outerArgs);
}
if (this._seriesPointerDown) {
this._seriesPointerDown(this, outerArgs);
}
};
this.i.seriesPointerDown = delegateCombine(this.i.seriesPointerDown, this._seriesPointerDown_wrapped);
;
}
/**
* Occurs when the pointer is released over a Series.
*
* `SeriesPointerUp` event raised when the pointer is released over a Series.
*
* ```ts
* CategoryChart_seriesPointerUp(sender: any , aregs: ChartSeriesEventArgs)
* {
*
* }
* ```
*/
get seriesPointerUp() {
return this._seriesPointerUp;
}
set seriesPointerUp(ev) {
if (this._seriesPointerUp_wrapped !== null) {
this.i.seriesPointerUp = delegateRemove(this.i.seriesPointerUp, this._seriesPointerUp_wrapped);
this._seriesPointerUp_wrapped = null;
this._seriesPointerUp = null;
}
this._seriesPointerUp = ev;
this._seriesPointerUp_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesPointerUp) {
this.beforeSeriesPointerUp(this, outerArgs);
}
if (this._seriesPointerUp) {
this._seriesPointerUp(this, outerArgs);
}
};
this.i.seriesPointerUp = delegateCombine(this.i.seriesPointerUp, this._seriesPointerUp_wrapped);
;
}
/**
* Occurs when the pointer is clicked over a series.
*/
get seriesClick() {
return this._seriesClick;
}
set seriesClick(ev) {
if (this._seriesClick_wrapped !== null) {
this.i.seriesClick = delegateRemove(this.i.seriesClick, this._seriesClick_wrapped);
this._seriesClick_wrapped = null;
this._seriesClick = null;
}
this._seriesClick = ev;
this._seriesClick_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartSeriesPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSeriesClick) {
this.beforeSeriesClick(this, outerArgs);
}
if (this._seriesClick) {
this._seriesClick(this, outerArgs);
}
};
this.i.seriesClick = delegateCombine(this.i.seriesClick, this._seriesClick_wrapped);
;
}
/**
* Occurs when the pointer enters the plot area.
*/
get plotAreaPointerEnter() {
return this._plotAreaPointerEnter;
}
set plotAreaPointerEnter(ev) {
if (this._plotAreaPointerEnter_wrapped !== null) {
this.i.plotAreaPointerEnter = delegateRemove(this.i.plotAreaPointerEnter, this._plotAreaPointerEnter_wrapped);
this._plotAreaPointerEnter_wrapped = null;
this._plotAreaPointerEnter = null;
}
this._plotAreaPointerEnter = ev;
this._plotAreaPointerEnter_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforePlotAreaPointerEnter) {
this.beforePlotAreaPointerEnter(this, outerArgs);
}
if (this._plotAreaPointerEnter) {
this._plotAreaPointerEnter(this, outerArgs);
}
};
this.i.plotAreaPointerEnter = delegateCombine(this.i.plotAreaPointerEnter, this._plotAreaPointerEnter_wrapped);
;
}
/**
* Occurs when the pointer leaves the plot area.
*/
get plotAreaPointerLeave() {
return this._plotAreaPointerLeave;
}
set plotAreaPointerLeave(ev) {
if (this._plotAreaPointerLeave_wrapped !== null) {
this.i.plotAreaPointerLeave = delegateRemove(this.i.plotAreaPointerLeave, this._plotAreaPointerLeave_wrapped);
this._plotAreaPointerLeave_wrapped = null;
this._plotAreaPointerLeave = null;
}
this._plotAreaPointerLeave = ev;
this._plotAreaPointerLeave_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforePlotAreaPointerLeave) {
this.beforePlotAreaPointerLeave(this, outerArgs);
}
if (this._plotAreaPointerLeave) {
this._plotAreaPointerLeave(this, outerArgs);
}
};
this.i.plotAreaPointerLeave = delegateCombine(this.i.plotAreaPointerLeave, this._plotAreaPointerLeave_wrapped);
;
}
/**
* Occurs when the pointer is over the plot area.
*/
get plotAreaPointerMove() {
return this._plotAreaPointerMove;
}
set plotAreaPointerMove(ev) {
if (this._plotAreaPointerMove_wrapped !== null) {
this.i.plotAreaPointerMove = delegateRemove(this.i.plotAreaPointerMove, this._plotAreaPointerMove_wrapped);
this._plotAreaPointerMove_wrapped = null;
this._plotAreaPointerMove = null;
}
this._plotAreaPointerMove = ev;
this._plotAreaPointerMove_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforePlotAreaPointerMove) {
this.beforePlotAreaPointerMove(this, outerArgs);
}
if (this._plotAreaPointerMove) {
this._plotAreaPointerMove(this, outerArgs);
}
};
this.i.plotAreaPointerMove = delegateCombine(this.i.plotAreaPointerMove, this._plotAreaPointerMove_wrapped);
;
}
/**
* Occurs when the pointer is pressed down over the plot area.
*/
get plotAreaPointerDown() {
return this._plotAreaPointerDown;
}
set plotAreaPointerDown(ev) {
if (this._plotAreaPointerDown_wrapped !== null) {
this.i.plotAreaPointerDown = delegateRemove(this.i.plotAreaPointerDown, this._plotAreaPointerDown_wrapped);
this._plotAreaPointerDown_wrapped = null;
this._plotAreaPointerDown = null;
}
this._plotAreaPointerDown = ev;
this._plotAreaPointerDown_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforePlotAreaPointerDown) {
this.beforePlotAreaPointerDown(this, outerArgs);
}
if (this._plotAreaPointerDown) {
this._plotAreaPointerDown(this, outerArgs);
}
};
this.i.plotAreaPointerDown = delegateCombine(this.i.plotAreaPointerDown, this._plotAreaPointerDown_wrapped);
;
}
/**
* Occurs when the pointer is released over the plot area.
*/
get plotAreaPointerUp() {
return this._plotAreaPointerUp;
}
set plotAreaPointerUp(ev) {
if (this._plotAreaPointerUp_wrapped !== null) {
this.i.plotAreaPointerUp = delegateRemove(this.i.plotAreaPointerUp, this._plotAreaPointerUp_wrapped);
this._plotAreaPointerUp_wrapped = null;
this._plotAreaPointerUp = null;
}
this._plotAreaPointerUp = ev;
this._plotAreaPointerUp_wrapped = (o, e) => {
let outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
outerArgs._provideImplementation(e);
if (this.beforePlotAreaPointerUp) {
this.beforePlotAreaPointerUp(this, outerArgs);
}
if (this._plotAreaPointerUp) {
this._plotAreaPointerUp(this, outerArgs);
}
};
this.i.plotAreaPointerUp = delegateCombine(this.i.plotAreaPointerUp, this._plotAreaPointerUp_wrapped);
;
}
/**
* Occurs when the style of a callout is updated.
*/
get calloutStyleUpdating() {
return this._calloutStyleUpdating;
}
set calloutStyleUpdating(ev) {
if (this._calloutStyleUpdating_wrapped !== null) {
this.i.calloutStyleUpdating = delegateRemove(this.i.calloutStyleUpdating, this._calloutStyleUpdating_wrapped);
this._calloutStyleUpdating_wrapped = null;
this._calloutStyleUpdating = null;
}
this._calloutStyleUpdating = ev;
this._calloutStyleUpdating_wrapped = (o, e) => {
let outerArgs = new IgcCalloutStyleUpdatingEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeCalloutStyleUpdating) {
this.beforeCalloutStyleUpdating(this, outerArgs);
}
if (this._calloutStyleUpdating) {
this._calloutStyleUpdating(this, outerArgs);
}
};
this.i.calloutStyleUpdating = delegateCombine(this.i.calloutStyleUpdating, this._calloutStyleUpdating_wrapped);
;
}
/**
* Occurs when the style of a callout is updated.
*/
get calloutRenderStyleUpdating() {
return this._calloutRenderStyleUpdating;
}
set calloutRenderStyleUpdating(ev) {
if (this._calloutRenderStyleUpdating_wrapped !== null) {
this.i.calloutRenderStyleUpdating = delegateRemove(this.i.calloutRenderStyleUpdating, this._calloutRenderStyleUpdating_wrapped);
this._calloutRenderStyleUpdating_wrapped = null;
this._calloutRenderStyleUpdating = null;
}
this._calloutRenderStyleUpdating = ev;
this._calloutRenderStyleUpdating_wrapped = (o, e) => {
let outerArgs = new IgcCalloutRenderStyleUpdatingEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeCalloutRenderStyleUpdating) {
this.beforeCalloutRenderStyleUpdating(this, outerArgs);
}
if (this._calloutRenderStyleUpdating) {
this._calloutRenderStyleUpdating(this, outerArgs);
}
};
this.i.calloutRenderStyleUpdating = delegateCombine(this.i.calloutRenderStyleUpdating, this._calloutRenderStyleUpdating_wrapped);
;
}
get selectedSeriesItemsChanged() {
return this._selectedSeriesItemsChanged;
}
set selectedSeriesItemsChanged(ev) {
if (this._selectedSeriesItemsChanged_wrapped !== null) {
this.i.selectedSeriesItemsChanged = delegateRemove(this.i.selectedSeriesItemsChanged, this._selectedSeriesItemsChanged_wrapped);
this._selectedSeriesItemsChanged_wrapped = null;
this._selectedSeriesItemsChanged = null;
}
this._selectedSeriesItemsChanged = ev;
this._selectedSeriesItemsChanged_wrapped = (o, e) => {
let outerArgs = new IgcSeriesViewerSelectedSeriesItemsChangedEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeSelectedSeriesItemsChanged) {
this.beforeSelectedSeriesItemsChanged(this, outerArgs);
}
if (this._selectedSeriesItemsChanged) {
this._selectedSeriesItemsChanged(this, outerArgs);
}
};
this.i.selectedSeriesItemsChanged = delegateCombine(this.i.selectedSeriesItemsChanged, this._selectedSeriesItemsChanged_wrapped);
;
}
get focusedSeriesItemsChanged() {
return this._focusedSeriesItemsChanged;
}
set focusedSeriesItemsChanged(ev) {
if (this._focusedSeriesItemsChanged_wrapped !== null) {
this.i.focusedSeriesItemsChanged = delegateRemove(this.i.focusedSeriesItemsChanged, this._focusedSeriesItemsChanged_wrapped);
this._focusedSeriesItemsChanged_wrapped = null;
this._focusedSeriesItemsChanged = null;
}
this._focusedSeriesItemsChanged = ev;
this._focusedSeriesItemsChanged_wrapped = (o, e) => {
let outerArgs = new IgcSeriesViewerSelectedSeriesItemsChangedEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeFocusedSeriesItemsChanged) {
this.beforeFocusedSeriesItemsChanged(this, outerArgs);
}
if (this._focusedSeriesItemsChanged) {
this._focusedSeriesItemsChanged(this, outerArgs);
}
};
this.i.focusedSeriesItemsChanged = delegateCombine(this.i.focusedSeriesItemsChanged, this._focusedSeriesItemsChanged_wrapped);
;
}
get filterStringErrorsParsing() {
return this._filterStringErrorsParsing;
}
set filterStringErrorsParsing(ev) {
if (this._filterStringErrorsParsing_wrapped !== null) {
this.i.filterStringErrorsParsing = delegateRemove(this.i.filterStringErrorsParsing, this._filterStringErrorsParsing_wrapped);
this._filterStringErrorsParsing_wrapped = null;
this._filterStringErrorsParsing = null;
}
this._filterStringErrorsParsing = ev;
this._filterStringErrorsParsing_wrapped = (o, e) => {
let outerArgs = new IgcFilterStringErrorsParsingEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeFilterStringErrorsParsing) {
this.beforeFilterStringErrorsParsing(this, outerArgs);
}
if (this._filterStringErrorsParsing) {
this._filterStringErrorsParsing(this, outerArgs);
}
};
this.i.filterStringErrorsParsing = delegateCombine(this.i.filterStringErrorsParsing, this._filterStringErrorsParsing_wrapped);
;
}
}
IgcDomainChartComponent._observedAttributesIgcDomainChartComponent = null;
return IgcDomainChartComponent;
})();