@syncfusion/ej2-angular-charts
Version:
Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Angular
1,393 lines (1,392 loc) • 176 kB
JavaScript
/*!
* filename: ej2-angular-charts.umd.js
* version : 18.4.47
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
* Use of this code is subject to the terms of our license.
* A copy of the current license can be obtained at any time by e-mailing
* licensing@syncfusion.com. Any infringement will be prosecuted under
* applicable laws.
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-charts'), require('@angular/common')) :
typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-charts', '@angular/common'], factory) :
(factory((global['ej2-angular-charts'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.charts,global.ng.common));
}(this, (function (exports,core,ej2AngularBase,ej2Charts,common) { 'use strict';
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var input = ['animation', 'backwardForecast', 'dashArray', 'enableTooltip', 'fill', 'forwardForecast', 'intercept', 'legendShape', 'marker', 'name', 'period', 'polynomialOrder', 'type', 'visible', 'width'];
var outputs = [];
/**
* Series Directive
* ```html
* <e-series-collection>
* <e-series>
* <e-trendlines>
* <e-trendline>
* </e-trendline>
* </e-trendlines>
* </e-series-collection>
* ```
*/
var TrendlineDirective = /** @class */ (function (_super) {
__extends(TrendlineDirective, _super);
/**
* @param {?} viewContainerRef
*/
function TrendlineDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs);
_this.directivePropList = input;
return _this;
}
return TrendlineDirective;
}(ej2AngularBase.ComplexBase));
TrendlineDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-series>e-trendlines>e-trendline',
inputs: input,
outputs: outputs,
queries: {}
},] },
];
/**
* @nocollapse
*/
TrendlineDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Trendline Array Directive
*/
var TrendlinesDirective = /** @class */ (function (_super) {
__extends(TrendlinesDirective, _super);
function TrendlinesDirective() {
return _super.call(this, 'trendlines') || this;
}
return TrendlinesDirective;
}(ej2AngularBase.ArrayBase));
TrendlinesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-series>e-trendlines',
queries: {
children: new core.ContentChildren(TrendlineDirective)
},
},] },
];
/**
* @nocollapse
*/
TrendlinesDirective.ctorParameters = function () { return []; };
var input$1 = ['color', 'dashArray', 'value'];
var outputs$1 = [];
/**
* Series Directive
* ```html
* <e-series-collection>
* <e-series>
* <e-segments>
* <e-segment>
* </e-segment>
* </e-segments>
* </e-series-collection>
* ```
*/
var SegmentDirective = /** @class */ (function (_super) {
__extends(SegmentDirective, _super);
/**
* @param {?} viewContainerRef
*/
function SegmentDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$1);
_this.directivePropList = input$1;
return _this;
}
return SegmentDirective;
}(ej2AngularBase.ComplexBase));
SegmentDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-series>e-segments>e-segment',
inputs: input$1,
outputs: outputs$1,
queries: {}
},] },
];
/**
* @nocollapse
*/
SegmentDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Segment Array Directive
*/
var SegmentsDirective = /** @class */ (function (_super) {
__extends(SegmentsDirective, _super);
function SegmentsDirective() {
return _super.call(this, 'segments') || this;
}
return SegmentsDirective;
}(ej2AngularBase.ArrayBase));
SegmentsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-series>e-segments',
queries: {
children: new core.ContentChildren(SegmentDirective)
},
},] },
];
/**
* @nocollapse
*/
SegmentsDirective.ctorParameters = function () { return []; };
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var input$2 = ['animation', 'bearFillColor', 'binInterval', 'border', 'boxPlotMode', 'bullFillColor', 'cardinalSplineTension', 'close', 'columnSpacing', 'columnWidth', 'connector', 'cornerRadius', 'dashArray', 'dataSource', 'dragSettings', 'drawType', 'emptyPointSettings', 'enableComplexProperty', 'enableSolidCandles', 'enableTooltip', 'errorBar', 'fill', 'high', 'intermediateSumIndexes', 'isClosed', 'legendImageUrl', 'legendShape', 'low', 'marker', 'maxRadius', 'minRadius', 'name', 'negativeFillColor', 'nonHighlightStyle', 'opacity', 'open', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'selectionStyle', 'showMean', 'showNormalDistribution', 'size', 'splineType', 'stackingGroup', 'sumIndexes', 'summaryFillColor', 'tooltipFormat', 'tooltipMappingName', 'trendlines', 'type', 'unSelectedStyle', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName', 'zOrder'];
var outputs$2 = [];
/**
* Series Directive
* ```html
* <e-series-collection>
* <e-series></e-series>
* </e-series-collection>
* ```
*/
var SeriesDirective = /** @class */ (function (_super) {
__extends(SeriesDirective, _super);
/**
* @param {?} viewContainerRef
*/
function SeriesDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
_this.tags = ['trendlines', 'segments'];
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$2);
_this.directivePropList = input$2;
return _this;
}
return SeriesDirective;
}(ej2AngularBase.ComplexBase));
SeriesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-series-collection>e-series',
inputs: input$2,
outputs: outputs$2,
queries: {
childTrendlines: new core.ContentChild(TrendlinesDirective),
childSegments: new core.ContentChild(SegmentsDirective)
}
},] },
];
/**
* @nocollapse
*/
SeriesDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
SeriesDirective.propDecorators = {
'dataLabel_template': [{ type: core.ContentChild, args: ['dataLabelTemplate',] },],
};
__decorate([
ej2AngularBase.Template(),
__metadata("design:type", Object)
], SeriesDirective.prototype, "dataLabel_template", void 0);
/**
* Series Array Directive
*/
var SeriesCollectionDirective = /** @class */ (function (_super) {
__extends(SeriesCollectionDirective, _super);
function SeriesCollectionDirective() {
return _super.call(this, 'series') || this;
}
return SeriesCollectionDirective;
}(ej2AngularBase.ArrayBase));
SeriesCollectionDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ej-chart>e-series-collection',
queries: {
children: new core.ContentChildren(SeriesDirective)
},
},] },
];
/**
* @nocollapse
*/
SeriesCollectionDirective.ctorParameters = function () { return []; };
var input$3 = ['border', 'color', 'dashArray', 'end', 'horizontalAlignment', 'isRepeat', 'isSegmented', 'opacity', 'repeatEvery', 'repeatUntil', 'rotation', 'segmentAxisName', 'segmentEnd', 'segmentStart', 'size', 'sizeType', 'start', 'startFromAxis', 'text', 'textStyle', 'verticalAlignment', 'visible', 'zIndex'];
var outputs$3 = [];
/**
* StripLine Directive
* ```html
* <e-axis>
* <e-striplines>
* <e-stripline></e-stripline>
* </e-striplines>
* </e-axis>
* ```
*/
var StripLineDirective = /** @class */ (function (_super) {
__extends(StripLineDirective, _super);
/**
* @param {?} viewContainerRef
*/
function StripLineDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$3);
_this.directivePropList = input$3;
return _this;
}
return StripLineDirective;
}(ej2AngularBase.ComplexBase));
StripLineDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-axis>e-striplines>e-stripline',
inputs: input$3,
outputs: outputs$3,
queries: {}
},] },
];
/**
* @nocollapse
*/
StripLineDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* StripLine Array Directive
*/
var StripLinesDirective = /** @class */ (function (_super) {
__extends(StripLinesDirective, _super);
function StripLinesDirective() {
return _super.call(this, 'striplines') || this;
}
return StripLinesDirective;
}(ej2AngularBase.ArrayBase));
StripLinesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-axis>e-striplines',
queries: {
children: new core.ContentChildren(StripLineDirective)
},
},] },
];
/**
* @nocollapse
*/
StripLinesDirective.ctorParameters = function () { return []; };
var input$4 = ['customAttributes', 'end', 'maximumTextWidth', 'start', 'text', 'type'];
var outputs$4 = [];
/**
* MultiLevelLabels Directive
* ```html
* <e-multilevellabels>
* <e-multilevellabel>
* <e-Categories>
* <e-Category>
* </e-Category>
* </e-Categories>
* </e-multilevellabel>
* </e-multilevellabels>
* ```
*/
var CategoryDirective = /** @class */ (function (_super) {
__extends(CategoryDirective, _super);
/**
* @param {?} viewContainerRef
*/
function CategoryDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$4);
_this.directivePropList = input$4;
return _this;
}
return CategoryDirective;
}(ej2AngularBase.ComplexBase));
CategoryDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-multilevellabel>e-categories>e-category',
inputs: input$4,
outputs: outputs$4,
queries: {}
},] },
];
/**
* @nocollapse
*/
CategoryDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Category Array Directive
*/
var CategoriesDirective = /** @class */ (function (_super) {
__extends(CategoriesDirective, _super);
function CategoriesDirective() {
return _super.call(this, 'categories') || this;
}
return CategoriesDirective;
}(ej2AngularBase.ArrayBase));
CategoriesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-multilevellabel>e-categories',
queries: {
children: new core.ContentChildren(CategoryDirective)
},
},] },
];
/**
* @nocollapse
*/
CategoriesDirective.ctorParameters = function () { return []; };
var input$5 = ['alignment', 'border', 'categories', 'overflow', 'textStyle'];
var outputs$5 = [];
/**
* MultiLevelLabel Directive
* ```html
* <e-axis>
* <e-multilevellabels>
* <e-multilevellabel></e-multilevellabel>
* </e-multilevellabels>
* </e-axis>
* ```
*/
var MultiLevelLabelDirective = /** @class */ (function (_super) {
__extends(MultiLevelLabelDirective, _super);
/**
* @param {?} viewContainerRef
*/
function MultiLevelLabelDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
_this.tags = ['categories'];
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$5);
_this.directivePropList = input$5;
return _this;
}
return MultiLevelLabelDirective;
}(ej2AngularBase.ComplexBase));
MultiLevelLabelDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-axis>e-multilevellabels>e-multilevellabel',
inputs: input$5,
outputs: outputs$5,
queries: {
childCategories: new core.ContentChild(CategoriesDirective)
}
},] },
];
/**
* @nocollapse
*/
MultiLevelLabelDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* MultiLevelLabel Array Directive
*/
var MultiLevelLabelsDirective = /** @class */ (function (_super) {
__extends(MultiLevelLabelsDirective, _super);
function MultiLevelLabelsDirective() {
return _super.call(this, 'multilevellabels') || this;
}
return MultiLevelLabelsDirective;
}(ej2AngularBase.ArrayBase));
MultiLevelLabelsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-axis>e-multilevellabels',
queries: {
children: new core.ContentChildren(MultiLevelLabelDirective)
},
},] },
];
/**
* @nocollapse
*/
MultiLevelLabelsDirective.ctorParameters = function () { return []; };
var input$6 = ['border', 'coefficient', 'columnIndex', 'crossesAt', 'crossesInAxis', 'crosshairTooltip', 'description', 'desiredIntervals', 'edgeLabelPlacement', 'enableAutoIntervalOnZooming', 'enableScrollbarOnZooming', 'enableTrim', 'interval', 'intervalType', 'isIndexed', 'isInversed', 'labelFormat', 'labelIntersectAction', 'labelPadding', 'labelPlacement', 'labelPosition', 'labelRotation', 'labelStyle', 'lineBreakAlignment', 'lineStyle', 'logBase', 'majorGridLines', 'majorTickLines', 'maximum', 'maximumLabelWidth', 'maximumLabels', 'minimum', 'minorGridLines', 'minorTickLines', 'minorTicksPerInterval', 'multiLevelLabels', 'name', 'opposedPosition', 'placeNextToAxisLine', 'plotOffset', 'plotOffsetBottom', 'plotOffsetLeft', 'plotOffsetRight', 'plotOffsetTop', 'rangePadding', 'rowIndex', 'scrollbarSettings', 'skeleton', 'skeletonType', 'span', 'startAngle', 'startFromZero', 'stripLines', 'tabIndex', 'tickPosition', 'title', 'titlePadding', 'titleStyle', 'valueType', 'visible', 'zoomFactor', 'zoomPosition'];
var outputs$6 = [];
/**
* Axis Directive
* ```html
* <e-axes><e-axis></e-axis></e-axes>
* ```
*/
var AxisDirective = /** @class */ (function (_super) {
__extends(AxisDirective, _super);
/**
* @param {?} viewContainerRef
*/
function AxisDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
_this.tags = ['stripLines', 'multiLevelLabels'];
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$6);
_this.directivePropList = input$6;
return _this;
}
return AxisDirective;
}(ej2AngularBase.ComplexBase));
AxisDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-axes>e-axis',
inputs: input$6,
outputs: outputs$6,
queries: {
childStripLines: new core.ContentChild(StripLinesDirective),
childMultiLevelLabels: new core.ContentChild(MultiLevelLabelsDirective)
}
},] },
];
/**
* @nocollapse
*/
AxisDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Axis Array Directive
*/
var AxesDirective = /** @class */ (function (_super) {
__extends(AxesDirective, _super);
function AxesDirective() {
return _super.call(this, 'axes') || this;
}
return AxesDirective;
}(ej2AngularBase.ArrayBase));
AxesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ejs-chart>e-axes',
queries: {
children: new core.ContentChildren(AxisDirective)
},
},] },
];
/**
* @nocollapse
*/
AxesDirective.ctorParameters = function () { return []; };
var input$7 = ['border', 'height'];
var outputs$7 = [];
/**
* Row Directive
* ```html
* <e-rows><e-row></e-row><e-rows>
* ```
*/
var RowDirective = /** @class */ (function (_super) {
__extends(RowDirective, _super);
/**
* @param {?} viewContainerRef
*/
function RowDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$7);
_this.directivePropList = input$7;
return _this;
}
return RowDirective;
}(ej2AngularBase.ComplexBase));
RowDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-rows>e-row',
inputs: input$7,
outputs: outputs$7,
queries: {}
},] },
];
/**
* @nocollapse
*/
RowDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Row Array Directive
*/
var RowsDirective = /** @class */ (function (_super) {
__extends(RowsDirective, _super);
function RowsDirective() {
return _super.call(this, 'rows') || this;
}
return RowsDirective;
}(ej2AngularBase.ArrayBase));
RowsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ejs-chart>e-rows',
queries: {
children: new core.ContentChildren(RowDirective)
},
},] },
];
/**
* @nocollapse
*/
RowsDirective.ctorParameters = function () { return []; };
var input$8 = ['border', 'width'];
var outputs$8 = [];
/**
* Column Directive
* ```html
* <e-columns><e-column></e-column><e-columns>
* ```
*/
var ColumnDirective = /** @class */ (function (_super) {
__extends(ColumnDirective, _super);
/**
* @param {?} viewContainerRef
*/
function ColumnDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$8);
_this.directivePropList = input$8;
return _this;
}
return ColumnDirective;
}(ej2AngularBase.ComplexBase));
ColumnDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-columns>e-column',
inputs: input$8,
outputs: outputs$8,
queries: {}
},] },
];
/**
* @nocollapse
*/
ColumnDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Column Array Directive
*/
var ColumnsDirective = /** @class */ (function (_super) {
__extends(ColumnsDirective, _super);
function ColumnsDirective() {
return _super.call(this, 'columns') || this;
}
return ColumnsDirective;
}(ej2AngularBase.ArrayBase));
ColumnsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ejs-chart>e-columns',
queries: {
children: new core.ContentChildren(ColumnDirective)
},
},] },
];
/**
* @nocollapse
*/
ColumnsDirective.ctorParameters = function () { return []; };
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$1 = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var input$9 = ['content', 'coordinateUnits', 'description', 'horizontalAlignment', 'region', 'verticalAlignment', 'x', 'xAxisName', 'y', 'yAxisName'];
var outputs$9 = [];
/**
* Annotation Directive
* ```html
* <e-annotations><e-annotation></e-annotation><e-annotations>
* ```
*/
var AnnotationDirective = /** @class */ (function (_super) {
__extends(AnnotationDirective, _super);
/**
* @param {?} viewContainerRef
*/
function AnnotationDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$9);
_this.directivePropList = input$9;
return _this;
}
return AnnotationDirective;
}(ej2AngularBase.ComplexBase));
AnnotationDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-annotations>e-annotation',
inputs: input$9,
outputs: outputs$9,
queries: {}
},] },
];
/**
* @nocollapse
*/
AnnotationDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
AnnotationDirective.propDecorators = {
'content': [{ type: core.ContentChild, args: ['content',] },],
};
__decorate$1([
ej2AngularBase.Template(),
__metadata$1("design:type", Object)
], AnnotationDirective.prototype, "content", void 0);
/**
* Annotation Array Directive
*/
var AnnotationsDirective = /** @class */ (function (_super) {
__extends(AnnotationsDirective, _super);
function AnnotationsDirective() {
return _super.call(this, 'annotations') || this;
}
return AnnotationsDirective;
}(ej2AngularBase.ArrayBase));
AnnotationsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ejs-chart>e-annotations',
queries: {
children: new core.ContentChildren(AnnotationDirective)
},
},] },
];
/**
* @nocollapse
*/
AnnotationsDirective.ctorParameters = function () { return []; };
var input$10 = ['point', 'series'];
var outputs$10 = [];
/**
* Selected Data Directive
* ```html
* <e-selecteddataindexes><e-selecteddataindex></e-selecteddataindex><e-selecteddataindexes>
* ```
*/
var SelectedDataIndexDirective = /** @class */ (function (_super) {
__extends(SelectedDataIndexDirective, _super);
/**
* @param {?} viewContainerRef
*/
function SelectedDataIndexDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$10);
_this.directivePropList = input$10;
return _this;
}
return SelectedDataIndexDirective;
}(ej2AngularBase.ComplexBase));
SelectedDataIndexDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-selecteddataindexes>e-selecteddataindex',
inputs: input$10,
outputs: outputs$10,
queries: {}
},] },
];
/**
* @nocollapse
*/
SelectedDataIndexDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* SelectedDataIndex Array Directive
*/
var SelectedDataIndexesDirective = /** @class */ (function (_super) {
__extends(SelectedDataIndexesDirective, _super);
function SelectedDataIndexesDirective() {
return _super.call(this, 'selecteddataindexes') || this;
}
return SelectedDataIndexesDirective;
}(ej2AngularBase.ArrayBase));
SelectedDataIndexesDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ejs-chart>e-selecteddataindexes',
queries: {
children: new core.ContentChildren(SelectedDataIndexDirective)
},
},] },
];
/**
* @nocollapse
*/
SelectedDataIndexesDirective.ctorParameters = function () { return []; };
var input$11 = ['animation', 'bandColor', 'close', 'dPeriod', 'dashArray', 'dataSource', 'enableComplexProperty', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
var outputs$11 = [];
/**
* Indicator Directive
* ```html
* <e-indicators>
* <e-indicator></e-indicator>
* </e-indicators>
* ```
*/
var IndicatorDirective = /** @class */ (function (_super) {
__extends(IndicatorDirective, _super);
/**
* @param {?} viewContainerRef
*/
function IndicatorDirective(viewContainerRef) {
var _this = _super.call(this) || this;
_this.viewContainerRef = viewContainerRef;
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.registerEvents(outputs$11);
_this.directivePropList = input$11;
return _this;
}
return IndicatorDirective;
}(ej2AngularBase.ComplexBase));
IndicatorDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'e-indicators>e-indicator',
inputs: input$11,
outputs: outputs$11,
queries: {}
},] },
];
/**
* @nocollapse
*/
IndicatorDirective.ctorParameters = function () { return [
{ type: core.ViewContainerRef, },
]; };
/**
* Indicator Array Directive
*/
var IndicatorsDirective = /** @class */ (function (_super) {
__extends(IndicatorsDirective, _super);
function IndicatorsDirective() {
return _super.call(this, 'indicators') || this;
}
return IndicatorsDirective;
}(ej2AngularBase.ArrayBase));
IndicatorsDirective.decorators = [
{ type: core.Directive, args: [{
selector: 'ej-chart>e-indicators',
queries: {
children: new core.ContentChildren(IndicatorDirective)
},
},] },
];
/**
* @nocollapse
*/
IndicatorsDirective.ctorParameters = function () { return []; };
var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata$2 = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var inputs = ['allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings'];
var outputs$12 = ['afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete', 'dataSourceChange'];
var twoWays = ['dataSource'];
/**
* Chart Component
* ```html
* <ejschart></ejschart>
* ```
*/
exports.ChartComponent = /** @class */ (function (_super) {
__extends(ChartComponent, _super);
/**
* @param {?} ngEle
* @param {?} srenderer
* @param {?} viewContainerRef
* @param {?} injector
*/
function ChartComponent(ngEle, srenderer, viewContainerRef, injector) {
var _this = _super.call(this) || this;
_this.ngEle = ngEle;
_this.srenderer = srenderer;
_this.viewContainerRef = viewContainerRef;
_this.injector = injector;
_this.tags = ['series', 'axes', 'rows', 'columns', 'annotations', 'selectedDataIndexes', 'indicators'];
_this.element = _this.ngEle.nativeElement;
_this.injectedModules = _this.injectedModules || [];
try {
var mod = _this.injector.get('ChartsLineSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_a) { }
try {
var mod = _this.injector.get('ChartsScatterSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_b) { }
try {
var mod = _this.injector.get('ChartsColumnSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_c) { }
try {
var mod = _this.injector.get('ChartsSplineSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_d) { }
try {
var mod = _this.injector.get('ChartsSplineAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_e) { }
try {
var mod = _this.injector.get('ChartsStripLine');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_f) { }
try {
var mod = _this.injector.get('ChartsAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_g) { }
try {
var mod = _this.injector.get('ChartsScrollBar');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_h) { }
try {
var mod = _this.injector.get('ChartsStepLineSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_j) { }
try {
var mod = _this.injector.get('ChartsStepAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_k) { }
try {
var mod = _this.injector.get('ChartsStackingColumnSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_l) { }
try {
var mod = _this.injector.get('ChartsStackingLineSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_m) { }
try {
var mod = _this.injector.get('ChartsStackingAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_o) { }
try {
var mod = _this.injector.get('ChartsStackingStepAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_p) { }
try {
var mod = _this.injector.get('ChartsBarSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_q) { }
try {
var mod = _this.injector.get('ChartsStackingBarSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_r) { }
try {
var mod = _this.injector.get('ChartsRangeColumnSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_s) { }
try {
var mod = _this.injector.get('ChartsBubbleSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_t) { }
try {
var mod = _this.injector.get('ChartsTooltip');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_u) { }
try {
var mod = _this.injector.get('ChartsCrosshair');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_v) { }
try {
var mod = _this.injector.get('ChartsCategory');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_w) { }
try {
var mod = _this.injector.get('ChartsDateTime');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_x) { }
try {
var mod = _this.injector.get('ChartsLogarithmic');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_y) { }
try {
var mod = _this.injector.get('ChartsLegend');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_z) { }
try {
var mod = _this.injector.get('ChartsZoom');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_0) { }
try {
var mod = _this.injector.get('ChartsDataLabel');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_1) { }
try {
var mod = _this.injector.get('ChartsSelection');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_2) { }
try {
var mod = _this.injector.get('ChartsChartAnnotation');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_3) { }
try {
var mod = _this.injector.get('ChartsHiloSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_4) { }
try {
var mod = _this.injector.get('ChartsHiloOpenCloseSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_5) { }
try {
var mod = _this.injector.get('ChartsWaterfallSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_6) { }
try {
var mod = _this.injector.get('ChartsRangeAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_7) { }
try {
var mod = _this.injector.get('ChartsCandleSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_8) { }
try {
var mod = _this.injector.get('ChartsPolarSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_9) { }
try {
var mod = _this.injector.get('ChartsRadarSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_10) { }
try {
var mod = _this.injector.get('ChartsSmaIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_11) { }
try {
var mod = _this.injector.get('ChartsTmaIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_12) { }
try {
var mod = _this.injector.get('ChartsEmaIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_13) { }
try {
var mod = _this.injector.get('ChartsAccumulationDistributionIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_14) { }
try {
var mod = _this.injector.get('ChartsMacdIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_15) { }
try {
var mod = _this.injector.get('ChartsAtrIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_16) { }
try {
var mod = _this.injector.get('ChartsRsiIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_17) { }
try {
var mod = _this.injector.get('ChartsMomentumIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_18) { }
try {
var mod = _this.injector.get('ChartsStochasticIndicator');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_19) { }
try {
var mod = _this.injector.get('ChartsBollingerBands');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_20) { }
try {
var mod = _this.injector.get('ChartsBoxAndWhiskerSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_21) { }
try {
var mod = _this.injector.get('ChartsHistogramSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_22) { }
try {
var mod = _this.injector.get('ChartsErrorBar');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_23) { }
try {
var mod = _this.injector.get('ChartsTrendlines');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_24) { }
try {
var mod = _this.injector.get('ChartsDateTimeCategory');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_25) { }
try {
var mod = _this.injector.get('ChartsMultiColoredLineSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_26) { }
try {
var mod = _this.injector.get('ChartsMultiColoredAreaSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_27) { }
try {
var mod = _this.injector.get('ChartsMultiLevelLabel');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_28) { }
try {
var mod = _this.injector.get('ChartsParetoSeries');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_29) { }
try {
var mod = _this.injector.get('ChartsExport');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_30) { }
try {
var mod = _this.injector.get('ChartsDataEditing');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_31) { }
try {
var mod = _this.injector.get('ChartsHighlight');
if (_this.injectedModules.indexOf(mod) === -1) {
_this.injectedModules.push(mod);
}
}
catch (_32) { }
_this.registerEvents(outputs$12);
_this.addTwoWay.call(_this, twoWays);
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
_this.context = new ej2AngularBase.ComponentBase();
return _this;
}
/**
* @return {?}
*/
ChartComponent.prototype.ngOnInit = function () {
this.context.ngOnInit(this);
};
/**
* @return {?}
*/
ChartComponent.prototype.ngAfterViewInit = function () {
this.context.ngAfterViewInit(this);
};
/**
* @return {?}
*/
ChartComponent.prototype.ngOnDestroy = function () {
this.context.ngOnDestroy(this);
};
/**
* @return {?}
*/
ChartComponent.prototype.ngAfterContentChecked = function () {
this.tagObjects[0].instance = this.childSeries;
if (this.childAxes) {
this.tagObjects[1].instance = this.childAxes;
}
if (this.childRows) {
this.tagObjects[2].instance = this.childRows;
}
if (this.childColumns) {
this.tagObjects[3].instance = this.childColumns;
}
if (this.childAnnotations) {
this.tagObjects[4].instance = this.childAnnotations;
}
if (this.childSelectedDataIndexes) {
this.tagObjects[5].instance = this.childSelectedDataIndexes;
}
if (this.childIndicators) {
this.tagObjects[6].instance = this.childIndicators;
}
this.context.ngAfterContentChecked(this);
};
return ChartComponent;
}(ej2Charts.Chart));
exports.ChartComponent.decorators = [
{ type: core.Component, args: [{
selector: 'ejs-chart',
inputs: inputs,
outputs: outputs$12,
template: '',
queries: {
childSeries: new core.ContentChild(SeriesCollectionDirective),
childAxes: new core.ContentChild(AxesDirective),
childRows: new core.ContentChild(RowsDirective),
childColumns: new core.ContentChild(ColumnsDirective),
childAnnotations: new core.ContentChild(AnnotationsDirective),
childSelectedDataIndexes: new core.ContentChild(SelectedDataIndexesDirective),
childIndicators: new core.ContentChild(IndicatorsDirective)
}
},] },
];
/**
* @nocollapse
*/
exports.ChartComponent.ctorParameters = function () { return [
{ type: core.ElementRef, },
{ type: core.Renderer2, },
{ type: core.ViewContainerRef, },
{ type: core.Injector, },
]; };
exports.ChartComponent.propDecorators = {
'tooltip_template': [{ type: core.ContentChild, args: ['tooltipTemplate',] },],
};
__decorate$2([
ej2AngularBase.Template(),
__metadata$2("design:type", Object)
], exports.ChartComponent.prototype, "tooltip_template", void 0);
exports.ChartComponent = __decorate$2([
ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
__metadata$2("design:paramtypes", [core.ElementRef,
core.Renderer2,
core.ViewContainerRef,
core.Injector])
], exports.ChartComponent);
/**
* NgModule definition for the Chart component.
*/
var ChartModule = /** @class */ (function () {
function ChartModule() {
}
return ChartModule;
}());
ChartModule.decorators = [
{ type: core.NgModule, args: [{
imports: [common.CommonModule],
declarations: [
exports.ChartComponent,
TrendlineDirective,
TrendlinesDirective,
SegmentDirective,
SegmentsDirective,
SeriesDirective,
SeriesCollectionDirective,
StripLineDirective,
StripLinesDirective,
CategoryDirective,
CategoriesDirective,
MultiLevelLabelDirective,
MultiLevelLabelsDirective,
AxisDirective,
AxesDirective,
RowDirective,
RowsDirective,
ColumnDirective,
ColumnsDirective,
AnnotationDirective,
AnnotationsDirective,
SelectedDataIndexDirective,
SelectedDataIndexesDirective,
IndicatorDirective,
IndicatorsDirective
],
exports: [
exports.ChartComponent,
TrendlineDirective,
TrendlinesDirective,
SegmentDirective,
SegmentsDirective,
SeriesDirective,
Seri