igniteui-webcomponents-charts
Version:
Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.
2,323 lines • 83.1 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 { Visibility_$type } from "igniteui-webcomponents-core";
import { TransitionInSpeedType_$type } from './TransitionInSpeedType';
import { SeriesHitTestMode_$type } from './SeriesHitTestMode';
import { doubleCollectionToString, fromDoubleCollection, toDoubleCollection, brushToString, stringToBrush, toPoint, fromPoint, toRect, fromRect, stringToColor, colorToString, ensureEnum, ensureBool, toSpinal, fromSpinal, getAllPropertyNames, enumToString, initializePropertiesFromCss, NamePatcher, arrayFindByName } from "igniteui-webcomponents-core";
import { IgcRenderRequestedEventArgs } from './igc-render-requested-event-args';
import { delegateCombine, TypeRegistrar, delegateRemove } from "igniteui-webcomponents-core";
import { IgcHTMLElement } from "igniteui-webcomponents-core";
import { SeriesVisibleRangeMode_$type } from './SeriesVisibleRangeMode';
import { SeriesHighlightingMode_$type } from './SeriesHighlightingMode';
import { SeriesOutlineMode_$type } from './SeriesOutlineMode';
import { LegendItemBadgeMode_$type } from "igniteui-webcomponents-core";
import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
import { PenLineJoin_$type } from "igniteui-webcomponents-core";
import { PenLineCap_$type } from "igniteui-webcomponents-core";
import { IgcSeriesLayerCollection } from './igc-series-layer-collection';
import { SeriesLayerCollection as SeriesLayerCollection_internal } from './SeriesLayerCollection';
import { SeriesLayer } from './SeriesLayer';
import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
import { TransitionOutSpeedType_$type } from './TransitionOutSpeedType';
import { SeriesHighlightedValuesDisplayMode_$type } from "igniteui-webcomponents-core";
import { IgcSeriesLayerPropertyOverlayCollection } from './igc-series-layer-property-overlay-collection';
import { SeriesLayerPropertyOverlayCollection as SeriesLayerPropertyOverlayCollection_internal } from './SeriesLayerPropertyOverlayCollection';
import { SeriesLayerPropertyOverlay } from './SeriesLayerPropertyOverlay';
import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
import { IgcTransitionOutCompletedEventArgs } from './igc-transition-out-completed-event-args';
//import { DataLegendSeriesContext, DataLegendSeriesContext_$type } from 'igniteui-core/DataLegendSeriesContext';
//import { DataLegendSeriesInfo, DataLegendSeriesInfo_$type } from 'igniteui-core/DataLegendSeriesInfo';
/**
* Represents the base class for all IgxDataChartComponent series.
*/
export let IgcSeriesComponent = /*@__PURE__*/ (() => {
class IgcSeriesComponent extends IgcHTMLElement {
get i() {
return this._implementation;
}
onImplementationCreated() {
}
createImplementation() {
return null;
}
constructor() {
super();
//set opacity(value: number) {
// this.i.opacity = +value;
// this._a("opacity", this.i.opacity);
//}
//get opacity(): number {
// return this.i.opacity;
//}
//set visibility(v: Visibility) {
// this.i.visibility = ensureEnum<Visibility>(Visibility_$type, v);
// this._a("visibility", enumToString<Visibility>(Visibility_$type, this.i.visibility));
//}
//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._settingAttributes = false;
this._attached = false;
this._queuedSetAttributes = [];
this._updatingFromAttribute = false;
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._transitionOutCompleted_wrapped = null;
this._renderRequested = null;
this._renderRequested_wrapped = null;
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
this._implementation = this.createImplementation();
this._implementation.externalObject = this;
this.onImplementationCreated();
}
get seriesInternal() {
return this.i;
}
set name(value) {
this.i.name = value;
}
get name() {
return this.i.name;
}
/**
* Gets or sets the legend used for the current series.
*/
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;
}
provideData(data) {
this._chartLevelData = data;
this.updateDataSource();
}
onUpdateDataSource(dataSource) {
return dataSource;
}
updateDataSource() {
if (this._dataSource == null) {
this.i.itemsSource = this.onUpdateDataSource(this._chartLevelData);
}
else {
this.i.itemsSource = this.onUpdateDataSource(this._dataSource);
}
}
set dataSource(value) {
this._dataSource = value;
this.updateDataSource();
//console.log("setting axis data source: " + value)
}
get dataSource() {
if (this._dataSource != null) {
return this._dataSource;
}
return this.i.itemsSource;
}
provideHighlightedData(data) {
this._chartLevelHighlightedData = data;
this.updatehighlightedDataSource();
}
onUpdatehighlightedDataSource(highlightedDataSource) {
return highlightedDataSource;
}
updatehighlightedDataSource() {
if (this._highlightedDataSource == null) {
this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._chartLevelHighlightedData);
}
else {
this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._highlightedDataSource);
}
}
set highlightedDataSource(value) {
this._highlightedDataSource = value;
this.updatehighlightedDataSource();
//console.log("setting axis data source: " + value)
}
get highlightedDataSource() {
if (this._highlightedDataSource != null) {
return this._highlightedDataSource;
}
return this.i.highlightedItemsSource;
}
bindAxes(axes) {
}
set tooltipTemplate(value) {
this._tooltipTemplate = value;
if (value == null) {
if (this._tooltipContent !== null) {
this._tooltipContent.destroy();
this._tooltipContent = null;
}
}
if (this._tooltipContent != null) {
this._tooltipContent.template = this._tooltipTemplate;
}
else {
if (this.owner != null) {
this.owner._ensureTooltipCreated(this);
}
}
}
get tooltipTemplate() {
return this._tooltipTemplate;
}
set tooltipContainerTemplate(value) {
this._tooltipContainerTemplate = value;
if (this._tooltipContent != null) {
this._tooltipContent.containerTemplate = this._tooltipContainerTemplate;
}
}
get tooltipContainerTemplate() {
return this._tooltipContainerTemplate;
}
_ensureTooltipCreated(createTooltip, createWrapper) {
if (this._tooltipTemplate == null) {
this.i.toolTip = null;
}
if (this._tooltipContent == null && this._tooltipTemplate != null) {
let tooltip = createTooltip();
if (tooltip == null) {
return;
}
this._tooltipContent = tooltip;
tooltip.template = this._tooltipTemplate;
this.i.toolTip = createWrapper(tooltip);
}
}
_ensureTooltipDestroyed() {
if (this._tooltipContent !== null) {
this._tooltipContent.destroy();
this._tooltipContent = null;
}
}
_provideRenderer(renderer) {
this._renderer = renderer;
}
static _createFromInternal(internal) {
if (!internal) {
return null;
}
if (!internal.$type) {
return null;
}
let name = internal.$type.name;
let externalName = "Igc" + name + "Component";
if (!TypeRegistrar.isRegistered(externalName)) {
return null;
}
return TypeRegistrar.create(externalName);
}
_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;
}
connectedCallback() {
if (super["connectedCallback"]) {
super["connectedCallback"]();
}
if (this.i.connectedCallback) {
this.i.connectedCallback();
}
if (!this._attached) {
this._attached = true;
this._flushQueuedAttributes();
}
}
disconnectedCallback() {
if (super["disconnectedCallback"]) {
super["disconnectedCallback"]();
}
if (this.i.disconnectedCallback) {
this.i.disconnectedCallback();
}
if (this._attached) {
this._attached = false;
}
}
static get observedAttributes() {
if (IgcSeriesComponent._observedAttributesIgcSeriesComponent == null) {
let names = getAllPropertyNames(IgcSeriesComponent);
for (let i = 0; i < names.length; i++) {
names[i] = toSpinal(names[i]);
}
IgcSeriesComponent._observedAttributesIgcSeriesComponent = names;
}
return IgcSeriesComponent._observedAttributesIgcSeriesComponent;
}
attributeChangedCallback(name, oldValue, newValue) {
if (this._settingAttributes) {
return;
}
let setName = fromSpinal(name);
this._updatingFromAttribute = true;
this[setName] = newValue;
this._updatingFromAttribute = false;
}
/**
* Gets unique key used to identify the series in data legend
*/
get dataLegendKey() {
return this.i.dataLegendKey;
}
/**
* 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 dataLegendGroup() {
return this.i.l5;
}
set dataLegendGroup(v) {
this.i.l5 = v;
}
/**
* 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 highlightedValuesDataLegendGroup() {
return this.i.ml;
}
set highlightedValuesDataLegendGroup(v) {
this.i.ml = v;
}
/**
* Gets whether the series is an annotation layer.
*
* ```ts
* let isAnnotationLayer: boolean = this.series.isAnnotationLayer;
* ```
*/
get isAnnotationLayer() {
return this.i.eu;
}
/**
* Gets whether the series is an crosshair annotation layer.
*/
get isAnnotationCrosshairLayer() {
return this.i.er;
}
/**
* Gets whether the series is an callout annotation layer.
*/
get isAnnotationCalloutLayer() {
return this.i.eq;
}
/**
* 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 isAnnotationHoverLayer() {
return this.i.et;
}
/**
* Gets whether the series is final value annotation layer.
*/
get isAnnotationFinalValue() {
return this.i.es;
}
/**
* Gets whether the series is a value annotation layer.
*/
get isAnnotationValueLayer() {
return this.i.ev;
}
/**
* Gets whether the current series is oriented vertically.
*
* ```ts
* let isVertical: boolean = this.series.isVertical;
* ```
*/
get isVertical() {
return this.i.isVertical;
}
/**
* Gets whether the current series is a stack fragment.
*
* ```ts
* let isFragment: boolean = this.series.isFragment;
* ```
*/
get isFragment() {
return this.i.isFragment;
}
/**
* Gets whether the current series shows an area or line shape.
*
* ```ts
* let isAreaorLine: boolean = this.series.isAreaorLine;
* ```
*/
get isAreaOrLine() {
return this.i.ex;
}
/**
* Gets whether the current series shows an area shape.
*/
get isArea() {
return this.i.ew;
}
/**
* Gets whether the current series shows an area shape.
*/
get hasValueAxis() {
return this.i.em;
}
/**
* Gets whether the current series shows an area shape.
*/
get isValueAxisInverted() {
return this.i.f6;
}
/**
* Gets whether the current series shows only line shapes.
*/
get isLineOnly() {
return this.i.fl;
}
/**
* Gets whether the current series shows a line contour shape.
*/
get isLineContour() {
return this.i.fk;
}
/**
* Gets whether the current series shows a spline shape.
*/
get isSpline() {
return this.i.f1;
}
/**
* Gets whether the current series shows a column shape.
*/
get isColumn() {
return this.i.e1;
}
/**
* Gets whether the current series shows a horizontal column shape.
*/
get isBar() {
return this.i.ez;
}
/**
* Gets whether the current series shows a waterfall column shape.
*/
get isWaterfall() {
return this.i.f7;
}
/**
* Gets whether the current series shows a polyline shape.
*/
get isPolyline() {
return this.i.fs;
}
/**
* Gets whether the current series shows a polygon shape.
*/
get isPolygon() {
return this.i.fr;
}
/**
* Gets whether the current series shows pixels.
*/
get isPixel() {
return this.i.fp;
}
/**
* Gets whether the current series shows a pie shape.
*/
get isPie() {
return this.i.fo;
}
/**
* Gets whether the current series shows a tile imagery.
*/
get isTile() {
return this.i.f4;
}
/**
* Gets whether the current series shows step shapes.
*/
get isStep() {
return this.i.f2;
}
/**
* Gets whether the current series shows interactive shape controls.
*/
get isShapeControl() {
return this.i.fz;
}
/**
* Gets whether the current series is a polar type series.
*
* ```ts
* let isPolar: boolean = this.series.isPolar;
* ```
*/
get isPolar() {
return this.i.fq;
}
/**
* Gets whether the current series is a scatter type series.
*
* ```ts
* let isScatter: boolean = this.series.isScatter;
* ```
*/
get isScatter() {
return this.i.fx;
}
/**
* Gets whether the current series is a radial type series.
*
* ```ts
* let isRadial: boolean = this.series.isRadial;
* ```
*/
get isRadial() {
return this.i.fu;
}
/**
* Gets whether the current series is a stacked type series.
*
* ```ts
* let isStacked: boolean = this.series.isStacked;
* ```
*/
get isStacked() {
return this.i.isStacked;
}
/**
* Gets whether the current series is a financial type series.
*
* ```ts
* let isFinancial: boolean = this.series.isFinancial;
* ```
*/
get isFinancial() {
return this.i.e8;
}
/**
* Gets whether the current series is a range type series.
*
* ```ts
* let isRange: boolean = this.series.isRange;
* ```
*/
get isRange() {
return this.i.fv;
}
/**
* Gets whether the current series is a category type series.
*
* ```ts
* let isCategory: boolean = this.series.isCategory;
* ```
*/
get isCategory() {
return this.i.e0;
}
/**
* Gets whether the current series is a geographic series.
*
* ```ts
* let isGeographic: boolean = this.series.isGeographic;
* ```
*/
get isGeographic() {
return this.i.fd;
}
/**
* Gets whether the current series is a shape type series.
*/
get isShape() {
return this.i.fy;
}
/**
* Gets whether the series is a value overlay.
*/
get isValueOverlay() {
return this.i.isValueOverlay;
}
/**
* Gets whether the series is a highlight overlay.
*/
get isHighlightOverlay() {
return this.i.fg;
}
/**
* Gets whether the series supports summarization in Data Legend and Data Tooltip.
*/
get isSummarizationSupported() {
return this.i.isSummarizationSupported;
}
get isLayer() {
return this.i.isLayer;
}
/**
* Gets whether the series has only marker as visuals
*/
get hasOnlyMarkers() {
return this.i.ek;
}
/**
* Gets whether the series has financial OHLC/candlestick visuals
*/
get isFinancialSeries() {
return this.i.fb;
}
/**
* Gets whether the series is financial overlay
*/
get isFinancialOverlay() {
return this.i.fa;
}
/**
* Gets whether the series is financial indicator
*/
get isFinancialIndicator() {
return this.i.e9;
}
/**
* Gets whether the series is financial waterfall
*/
get isFinancialWaterfall() {
return this.i.fc;
}
/**
* 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 isDefaultCrosshairBehaviorDisabled() {
return this.i.e3;
}
/**
* Gets whether the default tooltip behavior should be disabled if this series is present.
*
* ```ts
* let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled;
* ```
*/
get isDefaultTooltipBehaviorDisabled() {
return this.i.e4;
}
/**
* Returns whether the current series supports visual markers.
*
* ```ts
* let hasMarkers: boolean = this.series.hasMarkers;
* ```
*/
get hasMarkers() {
return this.i.hasMarkers;
}
/**
* Returns whether the current series has a visible marker style.
*/
get hasVisibleMarkers() {
return this.i.en;
}
/**
* Gets the current extra layers for the series.
*/
get highlightedValuesExtraPropertyOverlays() {
if (this._highlightedValuesExtraPropertyOverlays === null) {
let coll = new IgcSeriesLayerPropertyOverlayCollection();
let innerColl = this.i.cf;
if (!innerColl) {
innerColl = new SeriesLayerPropertyOverlayCollection_internal();
}
this._highlightedValuesExtraPropertyOverlays = coll._fromInner(innerColl);
}
return this._highlightedValuesExtraPropertyOverlays;
}
set highlightedValuesExtraPropertyOverlays(v) {
if (this._highlightedValuesExtraPropertyOverlays !== null) {
this._highlightedValuesExtraPropertyOverlays._setSyncTarget(null);
this._highlightedValuesExtraPropertyOverlays = null;
}
let coll = new IgcSeriesLayerPropertyOverlayCollection();
this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
let innerColl = this.i.cf;
if (!innerColl) {
innerColl = new SeriesLayerPropertyOverlayCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._highlightedValuesExtraPropertyOverlays._setSyncTarget(syncColl);
}
/**
* 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 isIndexed() {
return this.i.fh;
}
/**
* Gets if the series should appear in any legends.
*
* ```ts
* let isUsableInLegend: boolean = this.series.isUsableInLegend;
* ```
*/
get isUsableInLegend() {
return this.i.isUsableInLegend;
}
/**
* 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 legendItemVisibility() {
return this.i.legendItemVisibility;
}
set legendItemVisibility(v) {
this.i.legendItemVisibility = ensureEnum(Visibility_$type, v);
this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.legendItemVisibility));
}
/**
* Gets or sets the LegendItemBadgeTemplate property.
* The legend item badge is created according to the LegendItemBadgeTemplate on-demand by
* the series object itself.
*/
get legendItemBadgeTemplate() {
return this.i.legendItemBadgeTemplate;
}
set legendItemBadgeTemplate(v) {
this.i.legendItemBadgeTemplate = v;
}
/**
* Gets the actual legend item badge template used by the series.
*/
get actualLegendItemBadgeTemplate() {
return this.i.s0;
}
set actualLegendItemBadgeTemplate(v) {
this.i.s0 = v;
}
/**
* Gets the effective legend badge outline for the current series.
*/
get actualLegendItemBadgeOutline() {
return brushToString(this.i.vh);
}
set actualLegendItemBadgeOutline(v) {
this.i.vh = stringToBrush(v);
this._a("actualLegendItemBadgeOutline", brushToString(this.i.vh));
}
/**
* Gets the effective legend badge fill for the current series.
*/
get actualLegendItemBadgeBrush() {
return brushToString(this.i.vg);
}
set actualLegendItemBadgeBrush(v) {
this.i.vg = stringToBrush(v);
this._a("actualLegendItemBadgeBrush", brushToString(this.i.vg));
}
/**
* 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 legendItemBadgeShape() {
return this.i.legendItemBadgeShape;
}
set legendItemBadgeShape(v) {
this.i.legendItemBadgeShape = ensureEnum(LegendItemBadgeShape_$type, v);
this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.legendItemBadgeShape));
}
/**
* 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 legendItemBadgeMode() {
return this.i.be;
}
set legendItemBadgeMode(v) {
this.i.be = ensureEnum(LegendItemBadgeMode_$type, v);
this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.be));
}
/**
* 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 legendItemTemplate() {
return this.i.legendItemTemplate;
}
set legendItemTemplate(v) {
this.i.legendItemTemplate = v;
}
/**
* 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 discreteLegendItemTemplate() {
return this.i.s1;
}
set discreteLegendItemTemplate(v) {
this.i.s1 = v;
}
/**
* Gets the Index property.
*/
get index() {
return this.i.index;
}
set index(v) {
this.i.index = +v;
this._a("index", this.i.index);
}
/**
* 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 transitionEasingFunction() {
return this.i.de;
}
set transitionEasingFunction(v) {
this.i.de = v;
}
/**
* 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 transitionInEasingFunction() {
return this.i.df;
}
set transitionInEasingFunction(v) {
this.i.df = v;
}
/**
* Gets or sets the EasingFunction used to morph the current series during the initial transition.
*/
get transitionOutEasingFunction() {
return this.i.dg;
}
set transitionOutEasingFunction(v) {
this.i.dg = v;
}
/**
* 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`.
*
* ```ts
* this.series.transitionDuration = 500;
* ```
*/
get transitionDuration() {
return this.i.ke;
}
set transitionDuration(v) {
this.i.ke = +v;
this._a("transitionDuration", this.i.ke);
}
get actualResolution() {
return this.i.ie;
}
set actualResolution(v) {
this.i.ie = +v;
this._a("actualResolution", this.i.ie);
}
/**
* 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.
*
* ```ts
* this.series.resolution = 1.5;
* ```
*/
get resolution() {
return this.i.jk;
}
set resolution(v) {
this.i.jk = +v;
this._a("resolution", this.i.jk);
}
/**
* Gets or sets the top margin to use when getting a visible axis range for the series.
*/
get visibleRangeMarginTop() {
return this.i.jv;
}
set visibleRangeMarginTop(v) {
this.i.jv = +v;
this._a("visibleRangeMarginTop", this.i.jv);
}
/**
* Gets or sets the bottom margin to use when getting a visible axis range for the series.
*/
get visibleRangeMarginBottom() {
return this.i.js;
}
set visibleRangeMarginBottom(v) {
this.i.js = +v;
this._a("visibleRangeMarginBottom", this.i.js);
}
/**
* Gets or sets the left margin to use when getting a visible axis range for the series.
*/
get visibleRangeMarginLeft() {
return this.i.jt;
}
set visibleRangeMarginLeft(v) {
this.i.jt = +v;
this._a("visibleRangeMarginLeft", this.i.jt);
}
/**
* Gets or sets the right margin to use when getting a visible axis range for the series.
*/
get visibleRangeMarginRight() {
return this.i.ju;
}
set visibleRangeMarginRight(v) {
this.i.ju = +v;
this._a("visibleRangeMarginRight", this.i.ju);
}
/**
* 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.
*
* ```ts
* this.series.title = "InStock Items";
* ```
*/
get title() {
return this.i.title;
}
set title(v) {
this.i.title = v;
}
/**
* Gets or sets the HighlightedTitleSuffix property.
*/
get highlightedTitleSuffix() {
return this.i.mj;
}
set highlightedTitleSuffix(v) {
this.i.mj = v;
}
/**
* Gets or sets whether the highlighted values layer should have a legend item.
*/
get highlightedLegendItemVisibility() {
return this.i.w2;
}
set highlightedLegendItemVisibility(v) {
this.i.w2 = ensureEnum(Visibility_$type, v);
this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.w2));
}
/**
* 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`.
*
* ```ts
* this.series.brush = "red";
* ```
*/
get brush() {
return brushToString(this.i.vk);
}
set brush(v) {
this.i.vk = stringToBrush(v);
this._a("brush", brushToString(this.i.vk));
}
/**
* Gets the effective brush for the current series object.
*
* ```ts
* let actualBrush: string = series.actualBrush;
* ```
*/
get actualBrush() {
return brushToString(this.i.ve);
}
set actualBrush(v) {
this.i.ve = stringToBrush(v);
this._a("actualBrush", brushToString(this.i.ve));
}
/**
* Gets or sets the selection brush to use for the series.
*/
get selectionBrush() {
return brushToString(this.i.v4);
}
set selectionBrush(v) {
this.i.v4 = stringToBrush(v);
this._a("selectionBrush", brushToString(this.i.v4));
}
/**
* Gets or sets the Focus brush to use for the series.
*/
get focusBrush() {
return brushToString(this.i.vp);
}
set focusBrush(v) {
this.i.vp = stringToBrush(v);
this._a("focusBrush", brushToString(this.i.vp));
}
/**
* Gets the effective emphasis brush for the current series object.
*/
get actualSelectionBrush() {
return brushToString(this.i.vj);
}
set actualSelectionBrush(v) {
this.i.vj = stringToBrush(v);
this._a("actualSelectionBrush", brushToString(this.i.vj));
}
/**
* Gets the effective emphasis brush for the current series object.
*/
get actualFocusBrush() {
return brushToString(this.i.vf);
}
set actualFocusBrush(v) {
this.i.vf = stringToBrush(v);
this._a("actualFocusBrush", brushToString(this.i.vf));
}
/**
* Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
*/
get safeActualBrush() {
return brushToString(this.i.safeActualBrush);
}
set safeActualBrush(v) {
this.i.safeActualBrush = stringToBrush(v);
this._a("safeActualBrush", brushToString(this.i.safeActualBrush));
}
/**
* 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`.
*
* ```ts
* this.series.brush = "red";
* ```
*/
get outline() {
return brushToString(this.i.v0);
}
set outline(v) {
this.i.v0 = stringToBrush(v);
this._a("outline", brushToString(this.i.v0));
}
/**
* Gets the effective outline for the current series object.
*
* ```ts
* let actualOutline: string = series.ActualOutline;
* ```
*/
get actualOutline() {
return brushToString(this.i.vi);
}
set actualOutline(v) {
this.i.vi = stringToBrush(v);
this._a("actualOutline", brushToString(this.i.vi));
}
/**
* Gets or sets the brush that specifies current series object's line join style.
*/
get lineJoin() {
return this.i.wa;
}
set lineJoin(v) {
this.i.wa = ensureEnum(PenLineJoin_$type, v);
this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.wa));
}
/**
* 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.
*/
get highlightedValuesDisplayMode() {
return this.i.bw;
}
set highlightedValuesDisplayMode(v) {
this.i.bw = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bw));
}
/**
* 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.
*/
get shouldAnimateOnDataSourceSwap() {
return this.i.gh;
}
set shouldAnimateOnDataSourceSwap(v) {
this.i.gh = ensureBool(v);
this._a("shouldAnimateOnDataSourceSwap", this.i.gh);
}
/**
* Gets or sets the width of the current series object's line thickness.
*
* Depending on the `Series` type, this can be the main brush used, or just the outline. For example, when using a `LineSeries` it will affect the thickness of the lines drawn, whereas when using a `ColumnSeries` it will affect the outer border thickness of the columns.
*
* ```ts
* this.series.thickness=5;
* ```
*/
get thickness() {
return this.i.jq;
}
set thickness(v) {
this.i.jq = +v;
this._a("thickness", this.i.jq);
}
/**
* Gets the effective Thickness for the current series object.
*/
get actualThickness() {
return this.i.ig;
}
set actualThickness(v) {
this.i.ig = +v;
this._a("actualThickness", this.i.ig);
}
/**
* Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that
* is used to outline the current series object.
*/
get dashArray() {
return fromDoubleCollection(this.i.v7);
}
set dashArray(v) {
this.i.v7 = toDoubleCollection(v);
this._a("dashArray", doubleCollectionToString(this.i.v7));
}
/**
* Gets actual highlighting mode
*/
get actualHighlightingMode() {
return this.i.by;
}
set actualHighlightingMode(v) {
this.i.by = ensureEnum(SeriesHighlightingMode_$type, v);
this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.by));
}
/**
* Gets actual Selection mode
*/
get actualSelectionMode() {
return this.i.cq;
}
set actualSelectionMode(v) {
this.i.cq = ensureEnum(SeriesSelectionMode_$type, v);
this._a("actualSelectionMode", enumToString(SeriesSelectionMode_$type, this.i.cq));
}
/**
* Gets actual Selection mode
*/
get actualFocusMode() {
return this.i.cp;
}
set actualFocusMode(v) {
this.i.cp = ensureEnum(SeriesSelectionMode_$type, v);
this._a("actualFocusMode", enumToString(SeriesSelectionMode_$type, this.i.cp));
}
/**
* Gets actual HighlightedValues fade opacity
*/
get actualHighlightedValuesFadeOpacity() {
return this.i.ib;
}
set actualHighlightedValuesFadeOpacity(v) {
this.i.ib = +v;
this._a("actualHighlightedValuesFadeOpacity", this.i.ib);
}
/**
* Gets or sets the target opacity to fade to for fade style HighlightedValues.
*/
get highlightedValuesFadeOpacity() {
return this.i.jf;
}
set highlightedValuesFadeOpacity(v) {
this.i.jf = +v;
this._a("highlightedValuesFadeOpacity", this.i.jf);
}
/**
* Gets actual highlighting fade opacity
*/
get actualHighlightingFadeOpacity() {
return this.i.ic;
}
set actualHighlightingFadeOpacity(v) {
this.i.ic = +v;
this._a("actualHighlightingFadeOpacity", this.i.ic);
}
/**
* Gets or sets the target opacity to fade to for fade style highlighting.
*/
get highlightingFadeOpacity() {
return this.i.jg;
}
set highlightingFadeOpacity(v) {
this.i.jg = +v;
this._a("highlightingFadeOpacity", this.i.jg);
}
/**
* Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
*/
get isActualLegendFinancial() {
return this.i.ep;
}
set isActualLegendFinancial(v) {
this.i.ep = ensureBool(v);
this._a("isActualLegendFinancial", this.i.ep);
}
/**
* Gets or sets whether the component level highlight mode is ignored.
*/
get isComponentHighlightingModeIgnored() {
return this.i.e2;
}
set isComponentHighlightingModeIgnored(v) {
this.i.e2 = ensureBool(v);
this._a("isComponentHighlightingModeIgnored", this.i.e2);
}
/**
* Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
*
* ```ts
* this.series.isHighlightingEnabled = true;
* ```
*/
get isHighlightingEnabled() {
return this.i.fe;
}
set isHighlightingEnabled(v) {
this.i.fe = ensureBool(v);
this._a("isHighlightingEnabled", this.i.fe);
}
/**
* Gets or sets whether the series should use individual palette colors for each item.
*/
get useItemWiseColors() {
return this.i.ha;
}
set useItemWiseColors(v) {
this.i.ha = ensureBool(v);
this._a("useItemWiseColors", this.i.ha);
}
get isColoredItemwise() {
return this.i.isColoredItemwise;
}
/**
* Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
*/
get shouldShiftOpacityForSafeActualBrush() {
return this.i.gm;
}
set shouldShiftOpacityForSafeActualBrush(v) {
this.i.gm = ensureBool(v);
this._a("shouldShiftOpacityForSafeActualBrush", this.i.gm);
}
/**
* Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
*/
get shouldRemoveHighlightedDataOnLayerHidden() {
return this.i.gk;
}
set shouldRemoveHighlightedDataOnLayerHidden(v) {
this.i.gk = ensureBool(v);
this._a("shouldRemoveHighlightedDataOnLayerHidden", this.i.gk);
}
/**
* Gets or sets whether this series should suppress it's auto callouts
*/
get shouldHideAutoCallouts() {
return this.i.gj;
}
set shouldHideAutoCallouts(v) {
this.i.gj = ensureBool(v);
this._a("shouldHideAutoCallouts", this.i.gj);
}
/**
* Gets or sets whether drop shadow should be enabled for this series.
*
* `IsDropShadowEnabled` is used to decide whether drop shadow should be enabled for this series.
*
* ```ts
* this.series.isDropShadowEnabled = true;
* ```
*/
get isDropShadowEnabled() {
return this.i.e6;
}
set isDropShadowEnabled(v) {
this.i.e6 = ensureBool(v);
this._a("isDropShadowEnabled", this.i.e6);
}
/**
* Gets or sets the shadow blur.
* This property is ignored when
* Series.UseSingleShadow is set to true.
*
* `ShadowBlur` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect.
*
* ```ts
* this.series.shadowBlur = 7;
* ```
*/
get shadowBlur() {
return this.i.jn;
}
set shadowBlur(v) {
this.i.jn = +v;
this._a("shadowBlur", this.i.jn);
}
/**
* Gets or sets the drop shadow color.
*
* `ShadowColor` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect.
*
* ```ts
* this.series.shadowColor = "blue";
* ```
*/
get shadowColor() {
return colorToString(this.i.v6);
}
set shadowColor(v) {
this.i.v6 = stringToColor(v);
this._a("shadowColor", colorToString(this.i.v6));
}
/**
* Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series.
* When this property is set to true, no
* Series.ShadowBlur is applied.
*
* ```ts
* this.series.useSingleShadow = true;
* ```
*/
get useSingleShadow() {
return this.i.hd;
}
set useSingleShadow(v) {
this.i.hd = ensureBool(v);
this._a("useSingleShadow", this.i.hd);
}
/**
* Gets or sets the drop shadow x-offset.
*
* `ShadowOffsetX` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect.
*
* ```ts
* this.series.shadowOffsetX = 10;
* ```
*/
get shadowOffsetX() {
return this.i.jo;
}
set shadowOffsetX(v) {
this.i.jo = +v;
this._a("shadowOffsetX", this.i.jo);
}
/**
* Gets or sets the drop shadow y-offset.
*
* `ShadowOffsetY` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect.
*
* ```ts
* this.series.shadowOffsetY = 10;
* ```
*/
get shadowOffsetY() {
return this.i.jp;
}
set shadowOffsetY(v) {
this.i.jp = +v;
this._a("shadowOffsetY", this.i.jp);
}
/**
* Gets or sets the opacity applied to the area fill visual.
* This property only applies to series that have area visual.
*/
get areaFillOpacity() {
return this.i.il;
}
set areaFillOpacity(v) {
this.i.il = +v;
this._a("areaFillOpacity", this.i.il);
}
/**
* Gets the actual opacity applied to the area fill visual.
*
* ```ts
* let actualFillOpacity: number = series.actualAreaFillOpacity;
* ```
*/
get actualAreaFillOpacity() {
return this.i.ia;
}
set actualAreaFillOpacity(v) {
this.i.ia = +v;
this._a("actualAreaFillOpacity", this.i.ia);
}
/**
* Gets or sets the opacity applied to the fill of the markers.
* This property only applies to series that have area visual.
*/
get markerFillOpacity() {
return this.i.jh;
}
set markerFillOpacity(v) {
this.i.jh = +v;
this._a("markerFillOpacity", this.i.jh);
}
/**
* Gets the actual opacity applied to the fill of the markers.
*/
get actualMarkerFillOpacity() {
return this.i.id;
}
set actualMarkerFillOpacity(v) {
this.i.id = +v;
this._a("actualMarkerFillOpacity", this.i.id);
}
/**
* Gets if the default tooltip has been selected for display.
*
* To use the default tooltip set `ShowDefaultTooltip` to true.
*
* ```ts
* let isDefaultToolTipSelected: boolean = this.series.isDefaultToolTipSelected;
* ```
*/
get isDefaultToolTipSelected() {
return this.i.e5;
}
set isDefaultToolTipSelected(v) {
this.i.e5 = ensureBool(v);
this._a("isDefaultToolTipSelected", this.i.e5);
}
/**
* Gets or sets whether default tooltip will be shown.
*
* The default tooltips display all the information relevant to the particular series item (series title, data values, axis values etc.) and are styled to match the series' style. When using default tooltips, you should also set the series `Title`.
*
* ```ts
* this.series.showDefaultTooltip ="true";
* ```
*/
get showDefaultTooltip() {
return this.i.gq;
}
set showDefaultTooltip(v) {
this.i.gq = ensureBool(v);
this._a("showDefaultTooltip", this.i.gq);
}
/**
* Gets or sets whether the tooltip will be attached to the root,
* when set to false it will be a child of the chart.
*/
get attachTooltipToRoot() {
return this.i.d5;
}
set attachTooltipToRoot(v) {
this.i.d5 = ensureBool(v);
this._a("attachTooltipToRoot", this.i.d5);
}
/**
* Gets or sets the visible range mode to use.
*/
get visibleRangeMode() {
return this.i.c0;
}
set visibleRangeMode(v) {
this.i.c0 = ensureEnum(SeriesVisibleRangeMode_$type, v);
this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.c0));
}
/**
* Gets or sets the outline mode to use for the series.
*/
get outlineMode() {
return this.i.cj;
}
set outlineMode(v) {
this.i.cj = ensureEnum(SeriesOutlineMode_$type, v);
this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.cj));
}
/**
* Gets or sets the duration of the current series' transition in morph.
*
* The `TransitionInDuration` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded.
*
* ```ts
* this.series.transitionDuration = 500;
* ```
*/
get transitionInDuration() {
return this.i.kf;
}
set transitionInDuration(v) {
this.i.kf = +v;
this._a("transitionInDuration", this.i.kf);
}
/**
* Gets or sets the duration of the current series' transition out morph.
*/
get transitionOutDuration() {
return this.i.kg;
}
set transitionOutDuration(v) {
this.i.kg = +v;
this._a("transitionOutDuration", this.i.kg);
}
/**
* Gets or sets the duration of the current series' transition in morph.
*
* The `TransitionInSpeedType` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded.
*
* ```ts
* this.series.transitionInSpeedType = TransitionInSpeedType.IndexScaled;
* ```
*/
get transitionInSpeedType() {
return this.i.c6;
}
set transitionInSpeedType(v) {
this.i.c6 = ensureEnum(TransitionInSpeedType_$type, v);
this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.c6));
}
/**
* Gets or sets the duration of the current series' transition out morph.
*/
get transitionOutSpeedType() {
return this.i.c9;
}
set transitionOutSpeedType(v) {
this.i.c9 = ensureEnum(TransitionOutSpeedType_$type, v);
this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.c9));
}
/**
* Gets or sets the style of the starting point of any lines or polylines representing this series.
* Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type. LineSeries, for example, is affected by StartCap, but ColumnSeries is not.
*/
get lineCap() {
return this.i.v9;
}
set lineCap(v) {
this.i.v9 = ensureEnum(PenLineCap_$type, v);
this._a("lineCap", enumToString(PenLineCap_$type, this.i.v9));
}
/**
* Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
*/
get autoCalloutLabelFormat() {
return this.i.lw;
}
set autoCalloutLabelFormat(v) {
this.i.lw = v;
}
/**
* Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string.
*/
get autoCalloutLabelFormatSpecifiers() {
return this.i.ag;
}
set autoCalloutLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.ag = v;
}
/**
* Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
*/
get autoCalloutValueLabelFormat() {
return this.i.lz;
}
set autoCalloutValueLabelFormat(v) {
this.i.lz = v;
}
/**
* Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string.
*/
get autoCalloutValueLabelFormatSpecifiers() {
return this.i.ah;
}
set autoCalloutValueLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.ah = v;
}
/**
* Gets or sets the whether the chart reacts to mouse move events.
*/
get mouseOverEnabled() {
return this.i.f9;
}
set mouseOverEnabled(v) {
this.i.f9 = ensureBool(v);
this._a("mouseOverEnabled", this.i.f9);
}
/**
* Gets or sets the coercion methods to use when loading data from data sources.
* Should be specified before setting any member paths, if being used. Setting it later
* will not cause data to be reimported into the chart.
*
* <-- position: content member-->
*
* ```ts
* cMethods: any = {
* ValueCoercion: function(value:number): number {return value+2;}
* }
* ```
*/
get coercionMethods() {
return this.i.coercionMethods;
}
set coercionMethods(v) {
this.i.coercionMethods = v;
}
/**
* Gets or sets whether the series should expect that properties in its items source may be functions that need to be
* evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature.
* This value must be set before assigning an item's source to take effect.
*
* `expectFunctions` is used to decide whether the series should expect that its data source members need to be called as functions to get their values.
*
* ```ts
* this.series.expectFunctions=true;
* ```
*/
get expectFunctions() {
return this.i.expectFunctions;
}
set expectFunctions(v) {
this.i.expectFunctions = ensureBool(v);
this._a("expectFunctions", this.i.expectFunctions);
}
/**
* Method of hit testing to use when pointing to items in this series.
*
* The `HitTestMode` can be set to either:
*
* - `Auto`: automatically decide the appropriate hit test mode for the series.
* - `ColorEncoded`: use a color encoded off screen buffer for hit testing. Should always be O(1) time for determining a hit series. This increases frame render time and memory usage, however. Consider using this if hit testing time is degrading performance.
* - `Computational`: use a computational based approach to determine whether the series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encoded
*
* ```ts
* this.series.hitTestMode = SeriesHitTestMode.Computational;
* ```
*/
get hitTestMode() {
return this.i.b4;
}
set hitTestMode(v) {
this.i.b4 = ensureEnum(SeriesHitTestMode_$type, v);
this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.b4));
}
/**
* Resolved method of hit testing to use when pointing to items in the chart.
*
* ```ts
* let hitTestMode: SeriesHitTestMode = this.series.actualHitTestMode;
* ```
*/
get actualHitTestMode() {
return this.i.b2;
}
set actualHitTestMode(v) {
this.i.b2 = ensureEnum(SeriesHitTestMode_$type, v);
this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.b2));
}
/**
* Overridden by derived series classes to indicate when negative colors are supported or not.
*/
get isNegativeColorSupported() {
return this.i.fn;
}
/**
* Overridden by derived series classes to indicate when markerless display is preferred or not.
*/
get isMarkerlessDisplayPreferred() {
return this.i.fm;
}
/**
* The final value of this series.
*/
get finalValue() {
return this.i.io;
}
set finalValue(v) {
this.i.io = +v;
this._a("finalValue", this.i.io);
}
/**
* The percent change from the beginning to the end of this series.
*/
get percentChange() {
return this.i.jj;
}
set percentChange(v) {
this.i.jj = +v;
this._a("percentChange", this.i.jj);
}
/**
* Gets the text that is displayed for the Open label in the tooltip.
*/
get actualOpenLabel() {
return this.i.ll;
}
/**
* Gets the text that is displayed for the Close label in the tooltip.
*/
get actualCloseLabel() {
return this.i.k7;
}
/**
* Gets the text that is displayed for the High label in the tooltip.
*/
get actualHighLabel() {
return this.i.la;
}
/**
* Gets the text that is displayed for the Low label in the tooltip.
*/
get actualLowLabel() {
return this.i.lj;
}
/**
* Gets the text that is displayed for the Volume label in the tooltip.
*/
get actualVolumeLabel() {
return this.i.lt;
}
/**
* Gets the text that is displayed for the Value label in the tooltip.
*/
get actualValueLabel() {
return this.i.ls;
}
/**
* Gets the text that is displayed for the Value label in the tooltip.
*/
get actualRadiusLabel() {
return this.i.ln;
}
/**
* Gets the current extra layers for the series.
*/
get layers() {
if (this._layers === null) {
let coll = new IgcSeriesLayerCollection();
let innerColl = this.i.cc;
if (!innerColl) {
innerColl = new SeriesLayerCollection_internal();
}
this._layers = coll._fromInner(innerColl);
}
return this._layers;
}
set layers(v) {
if (this._layers !== null) {
this._layers._setSyncTarget(null);
this._layers = null;
}
let coll = new IgcSeriesLayerCollection();
this._layers = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
let innerColl = this.i.cc;
if (!innerColl) {
innerColl = new SeriesLayerCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._layers._setSyncTarget(syncColl);
}
/**
* Gets the actual extra layers for the series.
*/
get actualLayers() {
if (this._actualLayers === null) {
let coll = new IgcSeriesLayerCollection();
let innerColl = this.i.actualLayers;
if (!innerColl) {
innerColl = new SeriesLayerCollection_internal();
}
this._actualLayers = coll._fromInner(innerColl);
}
return this._actualLayers;
}
set actualLayers(v) {
if (this._actualLayers !== null) {
this._actualLayers._setSyncTarget(null);
this._actualLayers = null;
}
let coll = new IgcSeriesLayerCollection();
this._actualLayers = coll._fromOuter(v);
let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
let innerColl = this.i.actualLayers;
if (!innerColl) {
innerColl = new SeriesLayerCollection_internal();
}
syncColl._inner = innerColl;
syncColl.clear();
this._actualLayers._setSyncTarget(syncColl);
}
get opacity() {
return this.i.opacity;
}
set opacity(v) {
this.i.opacity = +v;
this._a("opacity", this.i.opacity);
}
get visibility() {
return this.i.visibility;
}
set visibility(v) {
this.i.visibility = ensureEnum(Visibility_$type, v);
this._a("visibility", enumToString(Visibility_$type, this.i.visibility));
}
findByName(name) {
if (this.findEphemera) {
if (name && name.indexOf("@@e:") == 0) {
return this.findEphemera(name);
}
}
if (this.highlightedValuesExtraPropertyOverlays != null && this.highlightedValuesExtraPropertyOverlays.findByName && this.highlightedValuesExtraPropertyOverlays.findByName(name)) {
return this.highlightedValuesExtraPropertyOverlays.findByName(name);
}
if (this.legend && this.legend.name && this.legend.name == name) {
return this.legend;
}
if (this.autoCalloutLabelFormatSpecifiers != null && arrayFindByName(this.autoCalloutLabelFormatSpecifiers, name)) {
return arrayFindByName(this.autoCalloutLabelFormatSpecifiers, name);
}
if (this.autoCalloutValueLabelFormatSpecifiers != null && arrayFindByName(this.autoCalloutValueLabelFormatSpecifiers, name)) {
return arrayFindByName(this.autoCalloutValueLabelFormatSpecifiers, name);
}
if (this.layers != null && this.layers.findByName && this.layers.findByName(name)) {
return this.layers.findByName(name);
}
if (this.actualLayers != null && this.actualLayers.findByName && this.actualLayers.findByName(name)) {
return this.actualLayers.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("SeriesComponent");
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;
}
/**
* Gets the brush for tooltip labels.
*/
resolveTooltipBrush() {
let iv = this.i.ng();
return (iv);
}
getItemValue(item, memberPathName) {
let iv = this.i.kr(item, memberPathName);
return (iv);
}
/**
* Gets the value of a requested member path from the series.
* @param memberPathName * The property name of a valid member path for the series
*/
getMemberPathValue(memberPathName) {
let iv = this.i.mf(memberPathName);
return (iv);
}
/**
* Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
* @param world * The world position for which to return the index.
*
* ```ts
* let index: number = this.series.getExactItemIndex({x:.5,y:.5});
* ```
*/
getExactItemIndex(world) {
let iv = this.i.is(toPoint(world));
return (iv);
}
/**
* Gets the item index associated with the specified world position
*
* ```ts
* let index: number = this.series.getItemIndex({x:.5,y:.5});
* ```
*/
getItemIndex(world) {
let iv = this.i.j4(toPoint(world));
return (iv);
}
/**
* Gets the item that is the best match for the specified world coordinates.
* @param world * The world coordinates to use.
*
* ```ts
* let item: number = this.series.getItem({x:.5,y:.5});
* ```
*/
getItem(world) {
let iv = this.i.ko(toPoint(world));
return (iv);
}
getPreviousOrExactIndex(world, skipUnknowns) {
let iv = this.i.kb(toPoint(world), skipUnknowns);
return (iv);
}
getNextOrExactIndex(world, skipUnknowns) {
let iv = this.i.j9(toPoint(world), skipUnknowns);
return (iv);
}
getSeriesValue(world, useInterpolation, skipUnknowns) {
let iv = this.i.i6(toPoint(world), useInterpolation, skipUnknowns);
return (iv);
}
getSeriesValuePosition(world, useInterpolation, skipUnknowns) {
let iv = this.i.wh(toPoint(world), useInterpolation, skipUnknowns);
return fromPoint(iv);
}
/**
* If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
* @param world * The world coordinate for which to get a value bounding box for
*/
getSeriesValueBoundingBox(world) {
let iv = this.i.ws(toPoint(world));
return fromRect(iv);
}
/**
* If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
* @param world * The world coordinates for which to get a value marker bounding box for
*/
getSeriesValueMarkerBoundingBox(world) {
let iv = this.i.wu(toPoint(world));
return fromRect(iv);
}
getSeriesHighValue(world, useInterpolation, skipUnknowns) {
let iv = this.i.i2(toPoint(world), useInterpolation, skipUnknowns);
return (iv);
}
getSeriesHighValuePosition(world, useInterpolation, skipUnknowns) {
let iv = this.i.wd(toPoint(world), useInterpolation, skipUnknowns);
return fromPoint(iv);
}
getSeriesLowValue(world, useInterpolation, skipUnknowns) {
let iv = this.i.i4(toPoint(world), useInterpolation, skipUnknowns);
return (iv);
}
getSeriesLowValuePosition(world, useInterpolation, skipUnknowns) {
let iv = this.i.wf(toPoint(world), useInterpolation, skipUnknowns);
return fromPoint(iv);
}
getSeriesValuePositionFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
let iv = this.i.wi(toPoint(mouse), useInterpolation, skipUnknowns);
return fromPoint(iv);
}
getSeriesValueFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
let iv = this.i.i7(toPoint(mouse), useInterpolation, skipUnknowns);
return (iv);
}
/**
* For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
*
* ```ts
* let span: number = this.series.getItemSpan();
* ```
*/
getItemSpan() {
let iv = this.i.ix();
return (iv);
}
/**
* Gets the data values of each axis associated with the specified value type. For example, if you specify
* mode as Maximum then it will return the maximum numerical value for each axis. For non-numerical axes it
* will return NaN.
* @param mode * The type of value desired from the series axes.
*/
getSeriesValueType(mode) {
let iv = this.i.aq((mode == null ? null : mode));
return (iv);
}
/**
* Gets position of series value for specified layer value mode
*/
getSeriesValueTypePosition(mode) {
let iv = this.i.wk((mode == null ? null : mode));
return fromPoint(iv);
}
getSeriesValueTypePositionFromValue(values) {
let iv = this.i.wl(values);
return fromPoint(iv);
}
/**
* Hides any internal tooltips presented by the series, if any.
*/
hideToolTips() {
this.i.p9();
}
/**
* Hides any internal tooltips presented by the series, if any.
*/
hideToolTipsImmediate() {
this.i.qa();
}
/**
* Converts a point from coordinates within the series plot area to a world position within axis space.
* @param seriesPoint * The pixel location within the plot area of the series.
*
* ```ts
* this.series.toWorldPosition({x:500,y:500});
* ```
*/
toWorldPosition(seriesPoint) {
let iv = this.i.wm(toPoint(seriesPoint));
return fromPoint(iv);
}
/**
* Converts a rect from coordinates within the series plot area to a world position within axis space.
* @param rect * The pixel rect within the plot area of the series.
*/
toWorldRect(rect) {
let iv = this.i.ww(toRect(rect));
return fromRect(iv);
}
/**
* Converts a point from world coordinates to coordinates within the viewport of the series.
* @param world * The world position from which to convert.
*/
fromWorldPosition(world) {
let iv = this.i.wc(toPoint(world));
return fromPoint(iv);
}
/**
* Requests that the provided item should be brought into view if possible.
* @param item * The item to attempt to bring into view.
*
* ```ts
* this.series.scrollIntoView(dataItem);
* ```
*/
scrollIntoView(item) {
let iv = this.i.ge(item);
return (iv);
}
/**
* Renders the series.
* @param animate * True if the change should be animated.
*
* ```ts
* this.series.renderSeries(true);
* ```
*/
renderSeries(animate) {
this.i.ru(animate);
}
getMainContentViewport() {
let iv = this.i.getMainContentViewport();
return fromRect(iv);
}
/**
* Gets the effective viewport, adjusted to account for margins and other factors.
*/
getEffectiveViewport() {
let iv = this.i.getEffectiveViewport();
return fromRect(iv);
}
/**
* Removes all alternate views of this series.
*/
removeAllAlternateViews() {
this.i.rn();
}
/**
* Removes an alternate view of this series.
* @param viewIdentifier * The string identifier for the view to remove.
*/
removeAlternateView(viewIdentifier) {
this.i.rp(viewIdentifier);
}
/**
* Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
*/
notifyIndexedPropertiesChanged() {
this.i.qi();
}
/**
* Notifies the series that a visual property has changed, requiring a visual update.
*/
notifyVisualPropertiesChanged() {
this.i.qp();
}
/**
* Replays the assigned transition in animation, if any.
*
* ```ts
* this.series.replayTransitionIn();
* ```
*/
replayTransitionIn() {
this.i.rz();
}
/**
* Plays the assigned transition out animation, if any.
*/
playTransitionOut() {
this.i.q9();
}
/**
* Plays the assigned transition out animation, if any.
*/
playTransitionIn() {
this.i.q8();
}
/**
* Plays the assigned transition out animation, if any.
*/
playTransitionOutAndRemove() {
this.i.ra();
}
/**
* Call to null out the axes of the series;
*/
removeAxes() {
this.i.rq();
}
/**
* Simulates a pointer hover over the series surface.
* @param point * The pointer position relative to the series viewport over which to hover.
*
* When tooltips are enabled, `SimulateHover` can be used to automatically display the tooltip over a particular series item.
*
* ```ts
* this.series.simulateHover({x:250,y:250});
* ```
*/
simulateHover(point) {
this.i.sa(toPoint(point));
}
/**
* Called when this series' Style is updated.
*/
styleUpdated() {
this.i.sg();
}
setNegativeColors(negativeBrush, negativeOutline) {
this.i.r7(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
}
/**
* Moves the cursor point to the provided world position. Some series may react to the current cursor position.
* @param point * The cursor point, in world coordinates.
*
* `MoveCursorPoint` can be used on annotation layers to programitically show the annotation at the given point.
*
* ```ts
* this.crosshair.moveCursorPoint({x:.5,y:.5});
* ```
*/
moveCursorPoint(point) {
this.i.qe(toPoint(point));
}
/**
* Fired when a transition out has completed.
*/
get transitionOutCompleted() {
return this._transitionOutCompleted;
}
set transitionOutCompleted(ev) {
if (this._transitionOutCompleted_wrapped !== null) {
this.i.transitionOutCompleted = delegateRemove(this.i.transitionOutCompleted, this._transitionOutCompleted_wrapped);
this._transitionOutCompleted_wrapped = null;
this._transitionOutCompleted = null;
}
this._transitionOutCompleted = ev;
this._transitionOutCompleted_wrapped = (o, e) => {
let outerArgs = new IgcTransitionOutCompletedEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeTransitionOutCompleted) {
this.beforeTransitionOutCompleted(this, outerArgs);
}
if (this._transitionOutCompleted) {
this._transitionOutCompleted(this, outerArgs);
}
};
this.i.transitionOutCompleted = delegateCombine(this.i.transitionOutCompleted, this._transitionOutCompleted_wrapped);
;
}
/**
* This event is raised every time a render has been requested from a series.
*/
get renderRequested() {
return this._renderRequested;
}
set renderRequested(ev) {
if (this._renderRequested_wrapped !== null) {
this.i.renderRequested = delegateRemove(this.i.renderRequested, this._renderRequested_wrapped);
this._renderRequested_wrapped = null;
this._renderRequested = null;
}
this._renderRequested = ev;
this._renderRequested_wrapped = (o, e) => {
let outerArgs = new IgcRenderRequestedEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeRenderRequested) {
this.beforeRenderRequested(this, outerArgs);
}
if (this._renderRequested) {
this._renderRequested(this, outerArgs);
}
};
this.i.renderRequested = delegateCombine(this.i.renderRequested, this._renderRequested_wrapped);
;
}
}
IgcSeriesComponent._observedAttributesIgcSeriesComponent = null;
return IgcSeriesComponent;
})();