UNPKG

igniteui-webcomponents-charts

Version:

Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.

107 lines (106 loc) 4.28 kB
import { UnknownValuePlotting_$type } from "igniteui-webcomponents-core"; import { IgcHorizontalAnchoredCategorySeriesComponent } from "./igc-horizontal-anchored-category-series-component"; import { AreaSeries } from "./AreaSeries"; import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core"; import { RegisterElementHelper } from "igniteui-webcomponents-core"; /** * Represents a IgxDataChartComponent area series. * Displays trend over time or ordered categories. * Useful when there are many data points and the order is important. * * The `AreaSeries` class represents a IgxDataChartComponent area series.Displays trend over time or ordered categories. * * Useful when there are many data points and the order is important. */ export let IgcAreaSeriesComponent = /*@__PURE__*/ (() => { class IgcAreaSeriesComponent extends IgcHorizontalAnchoredCategorySeriesComponent { createImplementation() { return new AreaSeries(); } /** * @hidden */ get i() { return this._implementation; } constructor() { super(); } 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 (IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent == null) { let names = getAllPropertyNames(IgcAreaSeriesComponent); for (let i = 0; i < names.length; i++) { names[i] = toSpinal(names[i]); } IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent = names; } return IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent; } static register() { if (!IgcAreaSeriesComponent._isElementRegistered) { IgcAreaSeriesComponent._isElementRegistered = true; RegisterElementHelper.registerElement(IgcAreaSeriesComponent.htmlTagName, IgcAreaSeriesComponent); } } /** * Gets whether the current series shows an area or line shape. * * The `IsAreaOrLine` is used to check if the current series shows an area or line shape. */ get isAreaOrLine() { return this.i.ex; } /** * Gets whether the current series shows an area shape. */ get isArea() { return this.i.ew; } /** * Determines how unknown values will be plotted on the chart. * Null and Double.NaN are two examples of unknown values. * * The `unknownValuePlotting` property is used to determines how unknown values will be plotted on the chart. * * Null and Double.NaN are two examples of unknown values. * * ```ts * series.unknownValuePlotting = UnknownValuePlotting.LinearInterpolate; * ``` */ get unknownValuePlotting() { return this.i.unknownValuePlotting; } set unknownValuePlotting(v) { this.i.unknownValuePlotting = ensureEnum(UnknownValuePlotting_$type, v); this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.unknownValuePlotting)); } } IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent = null; IgcAreaSeriesComponent.htmlTagName = "igc-area-series"; IgcAreaSeriesComponent._isElementRegistered = false; return IgcAreaSeriesComponent; })();