igniteui-angular-charts
Version:
Ignite UI Angular charting components for building rich data visualizations for modern web apps.
1,491 lines • 120 kB
JavaScript
/*
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
https://www.infragistics.com/legal/license/igultimate-la
https://www.infragistics.com/legal/license/igultimate-eula
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
*/
import { EventEmitter, Output, Component, Input } from '@angular/core';
import { Visibility_$type } from "igniteui-angular-core";
import { TransitionInSpeedType_$type } from './TransitionInSpeedType';
import { SeriesHitTestMode_$type } from './SeriesHitTestMode';
import { fromDoubleCollection, toDoubleCollection, brushToString, stringToBrush, toPoint, fromPoint, toRect, fromRect, stringToColor, colorToString, ensureEnum, ensureBool, toSpinal, initializePropertiesFromCss, NamePatcher, arrayFindByName } from "igniteui-angular-core";
import { IgxRenderRequestedEventArgs } from './igx-render-requested-event-args';
import { delegateCombine, TypeRegistrar } from "igniteui-angular-core";
import { SeriesVisibleRangeMode_$type } from './SeriesVisibleRangeMode';
import { SeriesHighlightingMode_$type } from './SeriesHighlightingMode';
import { SeriesOutlineMode_$type } from './SeriesOutlineMode';
import { LegendItemBadgeMode_$type } from "igniteui-angular-core";
import { LegendItemBadgeShape_$type } from "igniteui-angular-core";
import { PenLineJoin_$type } from "igniteui-angular-core";
import { PenLineCap_$type } from "igniteui-angular-core";
import { IgxSeriesLayerCollection } from './igx-series-layer-collection';
import { SeriesLayerCollection as SeriesLayerCollection_internal } from './SeriesLayerCollection';
import { SeriesLayer } from './SeriesLayer';
import { SyncableObservableCollection$1 } from "igniteui-angular-core";
import { TransitionOutSpeedType_$type } from './TransitionOutSpeedType';
import { SeriesHighlightedValuesDisplayMode_$type } from "igniteui-angular-core";
//import { DataLegendSeriesContext, DataLegendSeriesContext_$type } from 'igniteui-core/DataLegendSeriesContext';
//import { DataLegendSeriesInfo, DataLegendSeriesInfo_$type } from 'igniteui-core/DataLegendSeriesInfo';
import { IgxSeriesLayerPropertyOverlayCollection } from './igx-series-layer-property-overlay-collection';
import { SeriesLayerPropertyOverlayCollection as SeriesLayerPropertyOverlayCollection_internal } from './SeriesLayerPropertyOverlayCollection';
import { SeriesLayerPropertyOverlay } from './SeriesLayerPropertyOverlay';
import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
import { IgxTransitionOutCompletedEventArgs } from './igx-transition-out-completed-event-args';
import * as i0 from "@angular/core";
export var IgxSeriesComponent_PROVIDERS = [];
/**
* Represents the base class for all IgxDataChartComponent series.
*/
var IgxSeriesComponent = /** @class */ /*@__PURE__*/ (function () {
function IgxSeriesComponent() {
//@Input()
//set opacity(value: number) {
// this.i.opacity = +value;
//}
//get opacity(): number {
// return this.i.opacity;
//}
//@Input()
//set visibility(v: Visibility) {
// this.i.visibility = ensureEnum<Visibility>(Visibility_$type, v);
//}
//get visibility(): Visibility {
// return this.i.visibility;
//}
this._chartLevelData = null;
this._dataSource = null;
this._chartLevelHighlightedData = null;
this._highlightedDataSource = null;
this._tooltipTemplate = null;
this._tooltipContent = null;
this._tooltipContainerTemplate = null;
this._renderer = null;
this._highlightedValuesExtraPropertyOverlays = null;
this._layers = null;
this._actualLayers = null;
this.__p = null;
this._hasUserValues = new Set();
this._stylingContainer = null;
this._stylingParent = null;
this._inStyling = false;
this._transitionOutCompleted = null;
this._renderRequested = null;
this._zoneRunner = null;
if (this._styling) {
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
}
this._implementation = this.createImplementation();
this._implementation.externalObject = this;
this.onImplementationCreated();
}
Object.defineProperty(IgxSeriesComponent.prototype, "i", {
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype.onImplementationCreated = function () {
};
IgxSeriesComponent.prototype.createImplementation = function () {
return null;
};
Object.defineProperty(IgxSeriesComponent.prototype, "seriesInternal", {
get: function () {
return this.i;
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype.ngOnInit = function () {
};
Object.defineProperty(IgxSeriesComponent.prototype, "name", {
get: function () {
return this.i.name;
},
set: function (value) {
this.i.name = value;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legend", {
/**
* Gets or sets the legend used for the current series.
*/
get: function () {
if (this.i.legend != null)
return this.i.legend.externalObject;
},
set: function (v) {
if (v != undefined && v != null)
this.i.legend = v.i;
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype.provideData = function (data) {
this._chartLevelData = data;
this.updateDataSource();
};
IgxSeriesComponent.prototype.onUpdateDataSource = function (dataSource) {
return dataSource;
};
IgxSeriesComponent.prototype.updateDataSource = function () {
if (this._dataSource == null) {
this.i.itemsSource = this.onUpdateDataSource(this._chartLevelData);
}
else {
this.i.itemsSource = this.onUpdateDataSource(this._dataSource);
}
};
Object.defineProperty(IgxSeriesComponent.prototype, "dataSource", {
get: function () {
if (this._dataSource != null) {
return this._dataSource;
}
return this.i.itemsSource;
},
set: function (value) {
this._dataSource = value;
this.updateDataSource();
//console.log("setting axis data source: " + value)
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype.provideHighlightedData = function (data) {
this._chartLevelHighlightedData = data;
this.updatehighlightedDataSource();
};
IgxSeriesComponent.prototype.onUpdatehighlightedDataSource = function (highlightedDataSource) {
return highlightedDataSource;
};
IgxSeriesComponent.prototype.updatehighlightedDataSource = function () {
if (this._highlightedDataSource == null) {
this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._chartLevelHighlightedData);
}
else {
this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._highlightedDataSource);
}
};
Object.defineProperty(IgxSeriesComponent.prototype, "highlightedDataSource", {
get: function () {
if (this._highlightedDataSource != null) {
return this._highlightedDataSource;
}
return this.i.highlightedItemsSource;
},
set: function (value) {
this._highlightedDataSource = value;
this.updatehighlightedDataSource();
//console.log("setting axis data source: " + value)
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype.bindAxes = function (axes) {
};
Object.defineProperty(IgxSeriesComponent.prototype, "tooltipTemplate", {
get: function () {
return this._tooltipTemplate;
},
set: function (value) {
this._tooltipTemplate = value;
if (value == null) {
if (this._tooltipContent !== null) {
this._tooltipContent.destroy();
this._tooltipContent = null;
}
}
if (this._tooltipContent != null) {
this._tooltipContent.instance.template = this._tooltipTemplate;
}
else {
if (this.owner != null) {
this.owner._ensureTooltipCreated(this);
}
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "tooltipContainerTemplate", {
get: function () {
return this._tooltipContainerTemplate;
},
set: function (value) {
this._tooltipContainerTemplate = value;
if (this._tooltipContent != null) {
this._tooltipContent.instance.containerTemplate = this._tooltipContainerTemplate;
}
},
enumerable: false,
configurable: true
});
IgxSeriesComponent.prototype._ensureTooltipCreated = function (createTooltip, createWrapper) {
if (this._tooltipTemplate == null) {
this.i.toolTip = null;
}
if (this._tooltipContent == null && this._tooltipTemplate != null) {
var tooltip = createTooltip();
if (tooltip == null) {
return;
}
this._tooltipContent = tooltip;
tooltip.instance.template = this._tooltipTemplate;
this.i.toolTip = createWrapper(tooltip.location.nativeElement);
}
};
IgxSeriesComponent.prototype._ensureTooltipDestroyed = function () {
if (this._tooltipContent !== null) {
this._tooltipContent.destroy();
this._tooltipContent = null;
}
};
IgxSeriesComponent.prototype._provideRenderer = function (renderer) {
this._renderer = renderer;
this._zoneRunner = function (act) {
if (renderer !== null) {
renderer._ngZone.run(act);
}
else {
act();
}
};
};
IgxSeriesComponent._createFromInternal = function (internal) {
if (!internal) {
return null;
}
if (!internal.$type) {
return null;
}
var name = internal.$type.name;
var externalName = "Igx" + name + "Component";
if (!TypeRegistrar.isRegistered(externalName)) {
return null;
}
return TypeRegistrar.create(externalName);
};
Object.defineProperty(IgxSeriesComponent.prototype, "dataLegendKey", {
/**
* Gets unique key used to identify the series in data legend
*/
get: function () {
return this.i.dataLegendKey;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "dataLegendGroup", {
/**
* Gets or sets a name used for grouping multiple series in the Data Legend
* If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
*/
get: function () {
return this.i.l2;
},
set: function (v) {
this.i.l2 = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "highlightedValuesDataLegendGroup", {
/**
* Gets or sets a name used for grouping highlighted series in the Data Legend
* If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
*/
get: function () {
return this.i.mi;
},
set: function (v) {
this.i.mi = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationLayer", {
/**
* Gets whether the series is an annotation layer.
*
* ```ts
* let isAnnotationLayer: boolean = this.series.isAnnotationLayer;
* ```
*/
get: function () {
return this.i.es;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationCrosshairLayer", {
/**
* Gets whether the series is an crosshair annotation layer.
*/
get: function () {
return this.i.ep;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationCalloutLayer", {
/**
* Gets whether the series is an callout annotation layer.
*/
get: function () {
return this.i.eo;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationHoverLayer", {
/**
* Gets whether the series is an annotation layer displayed only when hovering over the chart.
* Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
*/
get: function () {
return this.i.er;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationFinalValue", {
/**
* Gets whether the series is final value annotation layer.
*/
get: function () {
return this.i.eq;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAnnotationValueLayer", {
/**
* Gets whether the series is a value annotation layer.
*/
get: function () {
return this.i.et;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isVertical", {
/**
* Gets whether the current series is oriented vertically.
*
* ```ts
* let isVertical: boolean = this.series.isVertical;
* ```
*/
get: function () {
return this.i.isVertical;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFragment", {
/**
* Gets whether the current series is a stack fragment.
*
* ```ts
* let isFragment: boolean = this.series.isFragment;
* ```
*/
get: function () {
return this.i.isFragment;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isAreaOrLine", {
/**
* Gets whether the current series shows an area or line shape.
*
* ```ts
* let isAreaorLine: boolean = this.series.isAreaorLine;
* ```
*/
get: function () {
return this.i.ev;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isArea", {
/**
* Gets whether the current series shows an area shape.
*/
get: function () {
return this.i.eu;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "hasValueAxis", {
/**
* Gets whether the current series shows an area shape.
*/
get: function () {
return this.i.ek;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isValueAxisInverted", {
/**
* Gets whether the current series shows an area shape.
*/
get: function () {
return this.i.f4;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isLineOnly", {
/**
* Gets whether the current series shows only line shapes.
*/
get: function () {
return this.i.fj;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isLineContour", {
/**
* Gets whether the current series shows a line contour shape.
*/
get: function () {
return this.i.fi;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isSpline", {
/**
* Gets whether the current series shows a spline shape.
*/
get: function () {
return this.i.fz;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isColumn", {
/**
* Gets whether the current series shows a column shape.
*/
get: function () {
return this.i.ez;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isBar", {
/**
* Gets whether the current series shows a horizontal column shape.
*/
get: function () {
return this.i.ex;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isWaterfall", {
/**
* Gets whether the current series shows a waterfall column shape.
*/
get: function () {
return this.i.f5;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isPolyline", {
/**
* Gets whether the current series shows a polyline shape.
*/
get: function () {
return this.i.fq;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isPolygon", {
/**
* Gets whether the current series shows a polygon shape.
*/
get: function () {
return this.i.fp;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isPixel", {
/**
* Gets whether the current series shows pixels.
*/
get: function () {
return this.i.fn;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isPie", {
/**
* Gets whether the current series shows a pie shape.
*/
get: function () {
return this.i.fm;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isTile", {
/**
* Gets whether the current series shows a tile imagery.
*/
get: function () {
return this.i.f2;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isStep", {
/**
* Gets whether the current series shows step shapes.
*/
get: function () {
return this.i.f0;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isShapeControl", {
/**
* Gets whether the current series shows interactive shape controls.
*/
get: function () {
return this.i.fx;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isPolar", {
/**
* Gets whether the current series is a polar type series.
*
* ```ts
* let isPolar: boolean = this.series.isPolar;
* ```
*/
get: function () {
return this.i.fo;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isScatter", {
/**
* Gets whether the current series is a scatter type series.
*
* ```ts
* let isScatter: boolean = this.series.isScatter;
* ```
*/
get: function () {
return this.i.fv;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isRadial", {
/**
* Gets whether the current series is a radial type series.
*
* ```ts
* let isRadial: boolean = this.series.isRadial;
* ```
*/
get: function () {
return this.i.fs;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isStacked", {
/**
* Gets whether the current series is a stacked type series.
*
* ```ts
* let isStacked: boolean = this.series.isStacked;
* ```
*/
get: function () {
return this.i.isStacked;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFinancial", {
/**
* Gets whether the current series is a financial type series.
*
* ```ts
* let isFinancial: boolean = this.series.isFinancial;
* ```
*/
get: function () {
return this.i.e6;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isRange", {
/**
* Gets whether the current series is a range type series.
*
* ```ts
* let isRange: boolean = this.series.isRange;
* ```
*/
get: function () {
return this.i.ft;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isCategory", {
/**
* Gets whether the current series is a category type series.
*
* ```ts
* let isCategory: boolean = this.series.isCategory;
* ```
*/
get: function () {
return this.i.ey;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isGeographic", {
/**
* Gets whether the current series is a geographic series.
*
* ```ts
* let isGeographic: boolean = this.series.isGeographic;
* ```
*/
get: function () {
return this.i.fb;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isShape", {
/**
* Gets whether the current series is a shape type series.
*/
get: function () {
return this.i.fw;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isValueOverlay", {
/**
* Gets whether the series is a value overlay.
*/
get: function () {
return this.i.isValueOverlay;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isHighlightOverlay", {
/**
* Gets whether the series is a highlight overlay.
*/
get: function () {
return this.i.fe;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isSummarizationSupported", {
/**
* Gets whether the series supports summarization in Data Legend and Data Tooltip.
*/
get: function () {
return this.i.isSummarizationSupported;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isLayer", {
get: function () {
return this.i.isLayer;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "hasOnlyMarkers", {
/**
* Gets whether the series has only marker as visuals
*/
get: function () {
return this.i.ei;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFinancialSeries", {
/**
* Gets whether the series has financial OHLC/candlestick visuals
*/
get: function () {
return this.i.e9;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFinancialOverlay", {
/**
* Gets whether the series is financial overlay
*/
get: function () {
return this.i.e8;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFinancialIndicator", {
/**
* Gets whether the series is financial indicator
*/
get: function () {
return this.i.e7;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isFinancialWaterfall", {
/**
* Gets whether the series is financial waterfall
*/
get: function () {
return this.i.fa;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isDefaultCrosshairBehaviorDisabled", {
/**
* Gets whether the default crosshair behavior should be disabled if this series is present.
*
* `IsDefaultCrosshairBehaviorDisabled` defaults to true for annotation layers. When not using annotaion layers, you can show crosshairs by setting the chart's `CrosshairVisibility` to true.
*
* ```ts
* let isDefaultCrosshairBehaviorDisabled: boolean = this.series.isDefaultCrosshairBehaviorDisabled;
* ```
*/
get: function () {
return this.i.e1;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isDefaultTooltipBehaviorDisabled", {
/**
* Gets whether the default tooltip behavior should be disabled if this series is present.
*
* ```ts
* let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled;
* ```
*/
get: function () {
return this.i.e2;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "hasMarkers", {
/**
* Returns whether the current series supports visual markers.
*
* ```ts
* let hasMarkers: boolean = this.series.hasMarkers;
* ```
*/
get: function () {
return this.i.hasMarkers;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "hasVisibleMarkers", {
/**
* Returns whether the current series has a visible marker style.
*/
get: function () {
return this.i.el;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "highlightedValuesExtraPropertyOverlays", {
/**
* Gets the current extra layers for the series.
*/
get: function () {
if (this._highlightedValuesExtraPropertyOverlays === null) {
var coll = new IgxSeriesLayerPropertyOverlayCollection();
var innerColl = this.i.ce;
if (!innerColl) {
innerColl = new SeriesLayerPropertyOverlayCollection_internal();
}
this._highlightedValuesExtraPropertyOverlays = coll._fromInner(innerColl);
}
return this._highlightedValuesExtraPropertyOverlays;
},
set: function (v) {
if (this._highlightedValuesExtraPropertyOverlays !== null) {
this._highlightedValuesExtraPropertyOverlays._setSyncTarget(null);
this._highlightedValuesExtraPropertyOverlays = null;
}
var coll = new IgxSeriesLayerPropertyOverlayCollection();
this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
var syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
var innerColl = this.i.ce;
if (!innerColl) {
innerColl = new SeriesLayerPropertyOverlayCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._highlightedValuesExtraPropertyOverlays._setSyncTarget(syncColl);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isIndexed", {
/**
* Gets if the series uses an index, which can be used to auto-assign it a color.
*
* ```ts
* let isIndexed: boolean = this.series.isIndexed;
* ```
*/
get: function () {
return this.i.ff;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "isUsableInLegend", {
/**
* Gets if the series should appear in any legends.
*
* ```ts
* let isUsableInLegend: boolean = this.series.isUsableInLegend;
* ```
*/
get: function () {
return this.i.isUsableInLegend;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legendItemVisibility", {
/**
* Gets or sets whether or not the current series will have a legend item displayed in a legend.
*
* The `LegendItemVisibilty` can be used to exclude only certain `Series` from the `Legend`.
*/
get: function () {
return this.i.legendItemVisibility;
},
set: function (v) {
this.i.legendItemVisibility = ensureEnum(Visibility_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legendItemBadgeTemplate", {
/**
* Gets or sets the LegendItemBadgeTemplate property.
* The legend item badge is created according to the LegendItemBadgeTemplate on-demand by
* the series object itself.
*/
get: function () {
return this.i.legendItemBadgeTemplate;
},
set: function (v) {
this.i.legendItemBadgeTemplate = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualLegendItemBadgeTemplate", {
/**
* Gets the actual legend item badge template used by the series.
*/
get: function () {
return this.i.sv;
},
set: function (v) {
this.i.sv = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualLegendItemBadgeOutline", {
/**
* Gets the effective legend badge outline for the current series.
*/
get: function () {
return brushToString(this.i.vb);
},
set: function (v) {
this.i.vb = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualLegendItemBadgeBrush", {
/**
* Gets the effective legend badge fill for the current series.
*/
get: function () {
return brushToString(this.i.va);
},
set: function (v) {
this.i.va = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legendItemBadgeShape", {
/**
* Gets or sets the type of legend badge representing the current series in a legend.
* This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
*/
get: function () {
return this.i.legendItemBadgeShape;
},
set: function (v) {
this.i.legendItemBadgeShape = ensureEnum(LegendItemBadgeShape_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legendItemBadgeMode", {
/**
* Gets or sets the mode of legend badge representing the current series in a legend.
* This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
*/
get: function () {
return this.i.bd;
},
set: function (v) {
this.i.bd = ensureEnum(LegendItemBadgeMode_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "legendItemTemplate", {
/**
* Gets or sets the LegendItemTemplate property.
* The legend item control content is created according to the LegendItemTemplate on-demand by
* the series object itself.
*/
get: function () {
return this.i.legendItemTemplate;
},
set: function (v) {
this.i.legendItemTemplate = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "discreteLegendItemTemplate", {
/**
* Gets or sets the DiscreteLegendItemTemplate property.
* The legend item control content is created according to the DiscreteLegendItemTemplate on-demand by
* the series object itself.
*/
get: function () {
return this.i.sw;
},
set: function (v) {
this.i.sw = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "index", {
/**
* Gets the Index property.
*/
get: function () {
return this.i.index;
},
set: function (v) {
this.i.index = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "transitionEasingFunction", {
/**
* Gets or sets the easing function used to morph the current series.
*
* The `TransitioninDuration` and `TransitionEasingFunction` can be used to play animation when data is added or removed from a `Series`. To play an initial animation see `TransitionInDuration`.
*
* ```ts
* this.series.transitionEasingFunction = EasingFunctions.cubicEase;
* ```
*/
get: function () {
return this.i.dd;
},
set: function (v) {
this.i.dd = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "transitionInEasingFunction", {
/**
* Gets or sets the EasingFunction used to morph the current series during the initial transition.
*
* The `TransitionInEasingFunction` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded.
*
* ```ts
* this.series.transitionInEasingFunction = EasingFunctions.cubicEase;
* ```
*/
get: function () {
return this.i.de;
},
set: function (v) {
this.i.de = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "transitionOutEasingFunction", {
/**
* Gets or sets the EasingFunction used to morph the current series during the initial transition.
*/
get: function () {
return this.i.df;
},
set: function (v) {
this.i.df = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "transitionDuration", {
/**
* Gets or sets the duration of the current series' morph.
*
* The `TransitionDuration` can be used to play animation when data is added or removed from a `Series`. To play an initial animation see `TransitionInDuration`.
*
* ```html
* <igx-data-chart
* [dataSource]="data"
* animateSeriesWhenAxisRangeChanges=true>
* <igx-category-x-axis
* label="label"
* #xAxis>
* </igx-category-x-axis>
* <igx-numeric-y-axis
* #yAxis>
* </igx-numeric-y-axis>
* <igx-column-series
* [xAxis]="xAxis"
* [yAxis]="yAxis"
* valueMemberPath="value"
* transitionInMode="accordionFromBottom"
* isTransitionInEnabled=true
* transitionInSpeedType="indexScaled"
* transitionDuration=500
* transitionInDuration=500>
* </igx-column-series>
* </igx-data-chart>
* ```
*
* ```ts
* this.series.transitionDuration = 500;
* ```
*/
get: function () {
return this.i.kc;
},
set: function (v) {
this.i.kc = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualResolution", {
get: function () {
return this.i.ic;
},
set: function (v) {
this.i.ic = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "resolution", {
/**
* Gets or sets the current series object's rendering resolution.
*
* Setting the `Resolution` on a Series to a higher value can help with performance, but it will lower the graphical fidelity of the line. As such, it can be increased up until the fidelity is unacceptable.
*
* ```html
* <igx-data-chart
* [dataSource]="data">
* <igx-category-x-axis
* label="label"
* #xAxis>
* </igx-category-x-axis>
* <igx-numeric-y-axis
* #yAxis>
* </igx-numeric-y-axis>
* <igx-line-series
* [xAxis]="xAxis"
* [yAxis]="yAxis"
* valueMemberPath="value"
* resolution=1.5>
* </igx-line-series>
* </igx-data-chart>
* ```
*
* ```ts
* this.series.resolution = 1.5;
* ```
*/
get: function () {
return this.i.ji;
},
set: function (v) {
this.i.ji = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "visibleRangeMarginTop", {
/**
* Gets or sets the top margin to use when getting a visible axis range for the series.
*/
get: function () {
return this.i.jt;
},
set: function (v) {
this.i.jt = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "visibleRangeMarginBottom", {
/**
* Gets or sets the bottom margin to use when getting a visible axis range for the series.
*/
get: function () {
return this.i.jq;
},
set: function (v) {
this.i.jq = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "visibleRangeMarginLeft", {
/**
* Gets or sets the left margin to use when getting a visible axis range for the series.
*/
get: function () {
return this.i.jr;
},
set: function (v) {
this.i.jr = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "visibleRangeMarginRight", {
/**
* Gets or sets the right margin to use when getting a visible axis range for the series.
*/
get: function () {
return this.i.js;
},
set: function (v) {
this.i.js = +v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "title", {
/**
* Gets or sets the Title property.
* The legend item control is created according to the Title on-demand by
* the series object itself.
*
* The `Series` `Title` may be used in tooltips and legends.
*
* ```html
* <igx-data-chart
* [dataSource]="data">
* <igx-category-x-axis
* label="label"
* #xAxis>
* </igx-category-x-axis>
* <igx-numeric-y-axis
* #yAxis>
* </igx-numeric-y-axis>
* <igx-column-series
* [xAxis]="xAxis"
* [yAxis]="yAxis"
* valueMemberPath="value"
* showDefaultTooltip="true"
* title="InStock Items">
* </igx-column-series>
* </igx-data-chart>
* ```
*
* ```ts
* this.series.title = "InStock Items";
* ```
*/
get: function () {
return this.i.title;
},
set: function (v) {
this.i.title = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "highlightedTitleSuffix", {
/**
* Gets or sets the HighlightedTitleSuffix property.
*/
get: function () {
return this.i.mg;
},
set: function (v) {
this.i.mg = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "highlightedLegendItemVisibility", {
/**
* Gets or sets whether the highlighted values layer should have a legend item.
*/
get: function () {
return this.i.ww;
},
set: function (v) {
this.i.ww = ensureEnum(Visibility_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "brush", {
/**
* Gets or sets the brush to use for the series.
*
* The `Brush` along with the `Outline` and `Negative Brush` can be used to affect the visuals of the `Series`.
*
* ```html
* <igx-data-chart #chart
* [dataSource]="data">
* <igx-category-x-axis
* label="label"
* #xAxis>
* </igx-category-x-axis>
* <igx-numeric-y-axis
* #yAxis>
* </igx-numeric-y-axis>
* <igx-area-series
* [xAxis]="xAxis"
* [yAxis]="yAxis"
* valueMemberPath="value"
* brush="red">
* </igx-area-series>
* </igx-data-chart>
* ```
*
* ```ts
* this.series.brush = "red";
* ```
*/
get: function () {
return brushToString(this.i.ve);
},
set: function (v) {
this.i.ve = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualBrush", {
/**
* Gets the effective brush for the current series object.
*
* ```ts
* let actualBrush: string = series.actualBrush;
* ```
*/
get: function () {
return brushToString(this.i.u8);
},
set: function (v) {
this.i.u8 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "selectionBrush", {
/**
* Gets or sets the selection brush to use for the series.
*/
get: function () {
return brushToString(this.i.vy);
},
set: function (v) {
this.i.vy = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "focusBrush", {
/**
* Gets or sets the Focus brush to use for the series.
*/
get: function () {
return brushToString(this.i.vj);
},
set: function (v) {
this.i.vj = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualSelectionBrush", {
/**
* Gets the effective emphasis brush for the current series object.
*/
get: function () {
return brushToString(this.i.vd);
},
set: function (v) {
this.i.vd = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualFocusBrush", {
/**
* Gets the effective emphasis brush for the current series object.
*/
get: function () {
return brushToString(this.i.u9);
},
set: function (v) {
this.i.u9 = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "safeActualBrush", {
/**
* Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
*/
get: function () {
return brushToString(this.i.safeActualBrush);
},
set: function (v) {
this.i.safeActualBrush = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "outline", {
/**
* Gets or sets the brush to use for the outline of the series.
* Some series types, such as LineSeries, do not display outlines. Therefore, this property does not affect some charts.
*
* The `Outline` along with the `Brush` and `NegativeBrush` can be used to affect the visuals of the `Series`.
*
* ```html
* <igx-data-chart #chart
* [dataSource]="data">
* <igx-category-x-axis
* label="label"
* #xAxis>
* </igx-category-x-axis>
* <igx-numeric-y-axis
* #yAxis>
* </igx-numeric-y-axis>
* <igx-area-series
* [xAxis]="xAxis"
* [yAxis]="yAxis"
* valueMemberPath="value"
* outline="red">
* </igx-area-series>
* </igx-data-chart>
* ```
*
* ```ts
* this.series.brush = "red";
* ```
*/
get: function () {
return brushToString(this.i.vu);
},
set: function (v) {
this.i.vu = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "actualOutline", {
/**
* Gets the effective outline for the current series object.
*
* ```ts
* let actualOutline: string = series.ActualOutline;
* ```
*/
get: function () {
return brushToString(this.i.vc);
},
set: function (v) {
this.i.vc = stringToBrush(v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.prototype, "lineJoin", {
/**
* Gets or sets the brush that specifies current series object's line join style.
*/
get: function () {
return this.i.v4;
},
set: function (v) {
this.i.v4 = ensureEnum(PenLineJoin_$type, v);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxSeriesComponent.p