@covalent/echarts
Version:
Teradata Charts built on echarts
1,419 lines (1,391 loc) • 67 kB
JavaScript
import { debounceTime, distinctUntilChanged, takeUntil, tap } from 'rxjs/operators';
import { init, connect, dispose } from 'echarts/lib/echarts';
import { BehaviorSubject, Subject, fromEvent, merge, timer } from 'rxjs';
import 'zrender/lib/svg/svg';
import 'echarts/lib/chart/bar';
import 'echarts/lib/chart/line';
import 'echarts/lib/chart/scatter';
import 'echarts/lib/chart/tree';
import 'echarts/lib/component/tooltip';
import { CommonModule } from '@angular/common';
import 'echarts/lib/component/toolbox';
import { __extends, __values, __assign } from 'tslib';
import { Injectable, Optional, SkipSelf, Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, NgModule, forwardRef, Directive, TemplateRef, ContentChild, ViewChild } from '@angular/core';
import { TdChartOptionsService, TdSeriesComponent, assignDefined } from '@covalent/echarts/base';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartOptionsService$1 = /** @class */ (function () {
function TdChartOptionsService$$1() {
this._options = {};
this._optionsSubject = new BehaviorSubject(this._options);
}
/**
* @param {?} option
* @param {?} value
* @return {?}
*/
TdChartOptionsService$$1.prototype.setOption = /**
* @param {?} option
* @param {?} value
* @return {?}
*/
function (option, value) {
/** @type {?} */
var options = {};
options[option] = value;
Object.assign(this._options, options);
this._optionsSubject.next(this._options);
};
/**
* @param {?} option
* @param {?} value
* @return {?}
*/
TdChartOptionsService$$1.prototype.setArrayOption = /**
* @param {?} option
* @param {?} value
* @return {?}
*/
function (option, value) {
/** @type {?} */
var prevValue = this.getOption(option);
if (prevValue) {
/** @type {?} */
var index = prevValue.indexOf(value);
index > -1 ? prevValue[index] = value : prevValue.push(value);
}
else {
prevValue = [value];
}
this.setOption(option, prevValue);
};
/**
* @param {?} option
* @param {?} value
* @return {?}
*/
TdChartOptionsService$$1.prototype.removeArrayOption = /**
* @param {?} option
* @param {?} value
* @return {?}
*/
function (option, value) {
/** @type {?} */
var prevValue = this.getOption(option);
if (prevValue) {
/** @type {?} */
var index = prevValue.indexOf(value);
if (index > -1) {
/* tslint:disable-next-line */
prevValue[index] = null;
}
else {
prevValue = [];
}
}
this.setOption(option, prevValue);
};
/**
* @param {?} option
* @return {?}
*/
TdChartOptionsService$$1.prototype.getOption = /**
* @param {?} option
* @return {?}
*/
function (option) {
return this._options[option];
};
/**
* @param {?} option
* @return {?}
*/
TdChartOptionsService$$1.prototype.clearOption = /**
* @param {?} option
* @return {?}
*/
function (option) {
/* tslint:disable-next-line */
this.setOption(option, null);
};
/**
* @return {?}
*/
TdChartOptionsService$$1.prototype.listen = /**
* @return {?}
*/
function () {
return this._optionsSubject.asObservable();
};
TdChartOptionsService$$1.decorators = [
{ type: Injectable }
];
return TdChartOptionsService$$1;
}());
/**
* @param {?} parent
* @return {?}
*/
function CHART_PROVIDER_FACTORY(parent) {
return parent || new TdChartOptionsService$1();
}
/** @type {?} */
var CHART_PROVIDER = {
// If there is already a service available, use that. Otherwise, provide a new one.
provide: TdChartOptionsService$1,
deps: [[new Optional(), new SkipSelf(), TdChartOptionsService$1]],
useFactory: CHART_PROVIDER_FACTORY,
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @param {?} target
* @param {...?} sources
* @return {?}
*/
function assignDefined$1(target) {
var sources = [];
for (var _i = 1; _i < arguments.length; _i++) {
sources[_i - 1] = arguments[_i];
}
var e_1, _a, e_2, _b, e_3, _c;
/** @type {?} */
var keys = new Set();
try {
for (var sources_1 = __values(sources), sources_1_1 = sources_1.next(); !sources_1_1.done; sources_1_1 = sources_1.next()) {
var source = sources_1_1.value;
try {
for (var _d = __values(Object.keys(source)), _e = _d.next(); !_e.done; _e = _d.next()) {
var key = _e.value;
keys.add(key);
/** @type {?} */
var val = source[key];
/* tslint:disable-next-line */
if (val !== undefined && val !== null) {
target[key] = val;
/* tslint:disable-next-line */
}
else if (val === null) {
delete target[key];
}
}
}
catch (e_2_1) { e_2 = { error: e_2_1 }; }
finally {
try {
if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
}
finally { if (e_2) throw e_2.error; }
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (sources_1_1 && !sources_1_1.done && (_a = sources_1.return)) _a.call(sources_1);
}
finally { if (e_1) throw e_1.error; }
}
try {
// delete keys that are not in any source
for (var _f = __values(Object.keys(target)), _g = _f.next(); !_g.done; _g = _f.next()) {
var key = _g.value;
if (!keys.has(key)) {
delete target[key];
}
}
}
catch (e_3_1) { e_3 = { error: e_3_1 }; }
finally {
try {
if (_g && !_g.done && (_c = _f.return)) _c.call(_f);
}
finally { if (e_3) throw e_3.error; }
}
return target;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartComponent = /** @class */ (function () {
function TdChartComponent(_changeDetectorRef, _elementRef, _optionsService) {
this._changeDetectorRef = _changeDetectorRef;
this._elementRef = _elementRef;
this._optionsService = _optionsService;
this._destroy = new Subject();
this._widthSubject = new Subject();
this._heightSubject = new Subject();
this._state = {};
this._options = {};
/**
* config?: any;
* Sets the JS config object if you choose to not use the property inputs.
* Note: [config] input properties will override input values
* https://ecomfe.github.io/echarts-doc/public/en/option.html
*/
this.config = {};
/**
* renderer: 'svg' | 'canvas'
* sets the rendering mode for the chart.
* defaults to 'canvas'
* https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Render%20by%20Canvas%20or%20SVG
*/
this.renderer = 'canvas';
this.chartClick = new EventEmitter();
this.chartDblclick = new EventEmitter();
this.chartContextmenu = new EventEmitter();
this.magicTypeChanged = new EventEmitter();
this.dataViewChanged = new EventEmitter();
this.datazoom = new EventEmitter();
this.restore = new EventEmitter();
}
Object.defineProperty(TdChartComponent.prototype, "instance", {
/**
* returns the echarts instance
*/
get: /**
* returns the echarts instance
* @return {?}
*/
function () {
return this._instance;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
TdChartComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this._initializeChart();
};
/**
* @param {?} changes
* @return {?}
*/
TdChartComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
if (this._instance) {
// destroy and reinitialize chart only when `renderer`, `themeName` and `group` changes
if (changes.renderer || changes.themeName || changes.group) {
this._disposeChart();
this._initializeChart();
}
else {
this.render();
}
}
};
/**
* @return {?}
*/
TdChartComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._disposeChart();
this._destroy.unsubscribe();
};
/**
* @return {?}
*/
TdChartComponent.prototype.render = /**
* @return {?}
*/
function () {
if (this._instance) {
this._instance.setOption(assignDefined$1(this._state, {
grid: {
show: true,
left: '20',
right: '20',
bottom: (this.config.toolbox && typeof this.config.toolbox.bottom === 'number') ||
(this._options.toolbox && typeof this._options.toolbox.bottom === 'number') ? '40' : '10',
top: (this.config.toolbox && typeof this.config.toolbox.top === 'number') ||
(this._options.toolbox && typeof this._options.toolbox.top === 'number') ? '40' : '10',
containLabel: true,
borderColor: '#FCFCFC',
},
}, this._options, this.config ? this.config : {}), true);
this._changeDetectorRef.markForCheck();
}
};
/**
* @return {?}
*/
TdChartComponent.prototype._initializeChart = /**
* @return {?}
*/
function () {
var _this = this;
this._instance = init(this._elementRef.nativeElement, this.themeName, {
renderer: this.renderer,
});
fromEvent(this._instance, 'click').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.chartClick.next(params);
});
fromEvent(this._instance, 'dblclick').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.chartDblclick.next(params);
});
fromEvent(this._instance, 'contextmenu').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.chartContextmenu.next(params);
});
fromEvent(this._instance, 'magictypechanged').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.magicTypeChanged.next(params);
});
fromEvent(this._instance, 'dataviewchanged').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.dataViewChanged.next(params);
});
fromEvent(this._instance, 'datazoom').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.datazoom.next(params);
});
fromEvent(this._instance, 'restore').pipe(takeUntil(this._destroy)).subscribe(function (params) {
_this.restore.next(params);
});
if (this.group) {
this._instance.group = this.group;
connect(this.group);
this._changeDetectorRef.markForCheck();
}
merge(fromEvent(window, 'resize').pipe(debounceTime(100)), this._widthSubject.asObservable().pipe(distinctUntilChanged()), this._heightSubject.asObservable().pipe(distinctUntilChanged())).pipe(takeUntil(this._destroy), debounceTime(100)).subscribe(function () {
if (_this._instance) {
_this._instance.resize();
_this._changeDetectorRef.markForCheck();
}
});
this._optionsService.listen().pipe(tap(function (options) {
assignDefined$1(_this._options, options);
}), debounceTime(0), takeUntil(this._destroy)).subscribe(function () {
_this.render();
});
timer(500, 250).pipe(takeUntil(this._destroy)).subscribe(function () {
if (_this._elementRef && _this._elementRef.nativeElement) {
_this._widthSubject.next(((/** @type {?} */ (_this._elementRef.nativeElement))).getBoundingClientRect().width);
_this._heightSubject.next(((/** @type {?} */ (_this._elementRef.nativeElement))).getBoundingClientRect().height);
}
});
};
/**
* @return {?}
*/
TdChartComponent.prototype._disposeChart = /**
* @return {?}
*/
function () {
if (this._instance) {
this._instance.clear();
dispose(this._instance);
}
this._destroy.next(true);
};
TdChartComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [CHART_PROVIDER],
styles: [":host{display:block;width:100%}"]
}] }
];
/** @nocollapse */
TdChartComponent.ctorParameters = function () { return [
{ type: ChangeDetectorRef },
{ type: ElementRef },
{ type: TdChartOptionsService$1 }
]; };
TdChartComponent.propDecorators = {
config: [{ type: Input, args: ['config',] }],
group: [{ type: Input, args: ['group',] }],
themeName: [{ type: Input, args: ['themeName',] }],
renderer: [{ type: Input, args: ['renderer',] }],
chartClick: [{ type: Output, args: ['chartClick',] }],
chartDblclick: [{ type: Output, args: ['chartDblclick',] }],
chartContextmenu: [{ type: Output, args: ['chartContextmenu',] }],
magicTypeChanged: [{ type: Output, args: ['magicTypeChanged',] }],
dataViewChanged: [{ type: Output, args: ['dataViewChanged',] }],
datazoom: [{ type: Output, args: ['datazoom',] }],
restore: [{ type: Output, args: ['restore',] }]
};
return TdChartComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @abstract
*/
var TdChartAxisComponent = /** @class */ (function () {
function TdChartAxisComponent(_axisOption, _optionsService) {
this._axisOption = _axisOption;
this._optionsService = _optionsService;
this._state = {
axisLine: {
lineStyle: {
color: '#ABABAB',
},
},
splitLine: {
lineStyle: {
color: '#ABABAB',
},
},
};
this.config = {};
this.show = true;
}
/**
* @return {?}
*/
TdChartAxisComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this._setOptions();
};
/**
* @return {?}
*/
TdChartAxisComponent.prototype.ngOnChanges = /**
* @return {?}
*/
function () {
this._setOptions();
};
/**
* @return {?}
*/
TdChartAxisComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._removeOption();
};
/**
* @return {?}
*/
TdChartAxisComponent.prototype._setOptions = /**
* @return {?}
*/
function () {
/** @type {?} */
var config = assignDefined$1(this._state, {
id: this.id,
show: this.show,
gridIndex: this.gridIndex,
position: this.position,
offset: this.offset,
type: this.type,
name: this.name,
nameLocation: this.nameLocation,
nameTextStyle: this.nameTextStyle,
nameGap: this.nameGap,
nameRotate: this.nameRotate,
inverse: this.inverse,
boundaryGap: this.boundaryGap,
min: this.min,
max: this.max,
scale: this.scale,
minInterval: this.minInterval,
interval: this.interval,
logBase: this.logBase,
silent: this.silent,
triggerEvent: this.triggerEvent,
axisLine: this.axisLine,
axisTick: this.axisTick,
axisLabel: this.axisLabel,
splitLine: this.splitLine,
splitArea: this.splitArea,
data: this.data,
axisPointer: this.axisPointer,
zlevel: this.zlevel,
z: this.z,
}, this.config ? this.config : {});
this._optionsService.setArrayOption(this._axisOption, config);
};
/**
* @return {?}
*/
TdChartAxisComponent.prototype._removeOption = /**
* @return {?}
*/
function () {
this._optionsService.clearOption(this._axisOption);
};
TdChartAxisComponent.propDecorators = {
config: [{ type: Input, args: ['config',] }],
id: [{ type: Input, args: ['id',] }],
show: [{ type: Input, args: ['show',] }],
gridIndex: [{ type: Input, args: ['gridIndex',] }],
offset: [{ type: Input, args: ['offset',] }],
type: [{ type: Input, args: ['type',] }],
name: [{ type: Input, args: ['name',] }],
nameLocation: [{ type: Input, args: ['nameLocation',] }],
nameTextStyle: [{ type: Input, args: ['nameTextStyle',] }],
nameGap: [{ type: Input, args: ['nameGap',] }],
nameRotate: [{ type: Input, args: ['nameRotate',] }],
inverse: [{ type: Input, args: ['inverse',] }],
boundaryGap: [{ type: Input, args: ['boundaryGap',] }],
min: [{ type: Input, args: ['min',] }],
max: [{ type: Input, args: ['max',] }],
scale: [{ type: Input, args: ['scale',] }],
minInterval: [{ type: Input, args: ['minInterval',] }],
interval: [{ type: Input, args: ['interval',] }],
logBase: [{ type: Input, args: ['logBase',] }],
silent: [{ type: Input, args: ['silent',] }],
triggerEvent: [{ type: Input, args: ['triggerEvent',] }],
axisLine: [{ type: Input, args: ['axisLine',] }],
axisTick: [{ type: Input, args: ['axisTick',] }],
axisLabel: [{ type: Input, args: ['axisLabel',] }],
splitLine: [{ type: Input, args: ['splitLine',] }],
splitArea: [{ type: Input, args: ['splitArea',] }],
data: [{ type: Input, args: ['data',] }],
axisPointer: [{ type: Input, args: ['axisPointer',] }],
zlevel: [{ type: Input, args: ['zlevel',] }],
z: [{ type: Input, args: ['z',] }]
};
return TdChartAxisComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartXAxisComponent = /** @class */ (function (_super) {
__extends(TdChartXAxisComponent, _super);
function TdChartXAxisComponent(_optionsService) {
return _super.call(this, 'xAxis', _optionsService) || this;
}
TdChartXAxisComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-x-axis',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush
}] }
];
/** @nocollapse */
TdChartXAxisComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService$1 }
]; };
TdChartXAxisComponent.propDecorators = {
position: [{ type: Input, args: ['position',] }]
};
return TdChartXAxisComponent;
}(TdChartAxisComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartYAxisComponent = /** @class */ (function (_super) {
__extends(TdChartYAxisComponent, _super);
function TdChartYAxisComponent(_optionsService) {
return _super.call(this, 'yAxis', _optionsService) || this;
}
TdChartYAxisComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-y-axis',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush
}] }
];
/** @nocollapse */
TdChartYAxisComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService$1 }
]; };
TdChartYAxisComponent.propDecorators = {
position: [{ type: Input, args: ['position',] }]
};
return TdChartYAxisComponent;
}(TdChartAxisComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/** @type {?} */
var BASE_MODULE_COMPONENTS = [
TdChartComponent,
TdChartXAxisComponent,
TdChartYAxisComponent,
];
var CovalentBaseEchartsModule = /** @class */ (function () {
function CovalentBaseEchartsModule() {
}
CovalentBaseEchartsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
declarations: [
BASE_MODULE_COMPONENTS,
],
exports: [
BASE_MODULE_COMPONENTS,
],
},] }
];
return CovalentBaseEchartsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @abstract
* @template T
*/
var TdSeriesComponent$1 = /** @class */ (function () {
function TdSeriesComponent$$1(type, optionsService) {
this.optionsService = optionsService;
this._state = {};
this._options = {};
this.config = {};
this._type = type;
}
Object.defineProperty(TdSeriesComponent$$1.prototype, "type", {
get: /**
* @return {?}
*/
function () {
return this._type;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
TdSeriesComponent$$1.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this._setOptions();
};
/**
* @return {?}
*/
TdSeriesComponent$$1.prototype.ngOnChanges = /**
* @return {?}
*/
function () {
this._setOptions();
};
/**
* @return {?}
*/
TdSeriesComponent$$1.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._removeOption();
};
/**
* @param {?} option
* @param {?} value
* @return {?}
*/
TdSeriesComponent$$1.prototype.setStateOption = /**
* @param {?} option
* @param {?} value
* @return {?}
*/
function (option, value) {
this._options[option] = value;
this._setOptions();
};
/**
* @param {?} option
* @return {?}
*/
TdSeriesComponent$$1.prototype.removeStateOption = /**
* @param {?} option
* @return {?}
*/
function (option) {
/* tslint:disable-next-line */
this._options[option] = null;
this._setOptions();
};
/**
* @return {?}
*/
TdSeriesComponent$$1.prototype._setOptions = /**
* @return {?}
*/
function () {
/** @type {?} */
var config = assignDefined$1(this._state, {
id: this.id,
type: this.type,
name: this.name,
color: this.color,
data: this.data,
animation: this.animation,
animationThreshold: this.animationThreshold,
animationDuration: this.animationDuration,
animationEasing: this.animationEasing,
animationDelay: this.animationDelay,
animationDurationUpdate: this.animationDurationUpdate,
animationEasingUpdate: this.animationEasingUpdate,
animationDelayUpdate: this.animationDelayUpdate,
tooltip: this.tooltip,
}, this.getConfig(), this._options, this.config ? this.config : {});
this.optionsService.setArrayOption('series', config);
};
/**
* @return {?}
*/
TdSeriesComponent$$1.prototype._removeOption = /**
* @return {?}
*/
function () {
this.optionsService.removeArrayOption('series', this._state);
};
TdSeriesComponent$$1.propDecorators = {
config: [{ type: Input, args: ['config',] }],
id: [{ type: Input, args: ['id',] }],
name: [{ type: Input, args: ['name',] }],
color: [{ type: Input, args: ['color',] }],
data: [{ type: Input, args: ['data',] }],
animation: [{ type: Input, args: ['animation',] }],
animationThreshold: [{ type: Input, args: ['animationThreshold',] }],
animationDuration: [{ type: Input, args: ['animationDuration',] }],
animationEasing: [{ type: Input, args: ['animationEasing',] }],
animationDelay: [{ type: Input, args: ['animationDelay',] }],
animationDurationUpdate: [{ type: Input, args: ['animationDurationUpdate',] }],
animationEasingUpdate: [{ type: Input, args: ['animationEasingUpdate',] }],
animationDelayUpdate: [{ type: Input, args: ['animationDelayUpdate',] }],
tooltip: [{ type: Input, args: ['tooltip',] }]
};
return TdSeriesComponent$$1;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartSeriesBarComponent = /** @class */ (function (_super) {
__extends(TdChartSeriesBarComponent, _super);
function TdChartSeriesBarComponent(_optionsService) {
return _super.call(this, 'bar', _optionsService) || this;
}
/**
* @return {?}
*/
TdChartSeriesBarComponent.prototype.getConfig = /**
* @return {?}
*/
function () {
return {
coordinateSystem: this.coordinateSystem,
xAxisIndex: this.xAxisIndex,
yAxisIndex: this.yAxisIndex,
legendHoverLink: this.legendHoverLink,
stack: this.stack,
cursor: this.cursor,
label: this.label,
itemStyle: this.itemStyle,
emphasis: this.emphasis,
barWidth: this.barWidth,
barMaxWidth: this.barMaxWidth,
barMinHeight: this.barMinHeight,
barGap: this.barGap,
barCategoryGap: this.barCategoryGap,
large: this.large,
largeThreshold: this.largeThreshold,
progressive: this.progressive,
progressiveThreshold: this.progressiveThreshold,
progressiveChunkMode: this.progressiveChunkMode,
dimensions: this.dimensions,
encode: this.encode,
seriesLayoutBy: this.seriesLayoutBy,
datasetIndex: this.datasetIndex,
markPoint: this.markPoint,
markLine: this.markLine,
markArea: this.markArea,
zlevel: this.zlevel,
z: this.z,
};
};
TdChartSeriesBarComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-series[td-bar]',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [{
provide: TdSeriesComponent, useExisting: forwardRef(function () { return TdChartSeriesBarComponent; }),
}]
}] }
];
/** @nocollapse */
TdChartSeriesBarComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService }
]; };
TdChartSeriesBarComponent.propDecorators = {
coordinateSystem: [{ type: Input, args: ['coordinateSystem',] }],
xAxisIndex: [{ type: Input, args: ['xAxisIndex',] }],
yAxisIndex: [{ type: Input, args: ['yAxisIndex',] }],
legendHoverLink: [{ type: Input, args: ['legendHoverLink',] }],
stack: [{ type: Input, args: ['stack',] }],
cursor: [{ type: Input, args: ['cursor',] }],
label: [{ type: Input, args: ['label',] }],
itemStyle: [{ type: Input, args: ['itemStyle',] }],
emphasis: [{ type: Input, args: ['emphasis',] }],
barWidth: [{ type: Input, args: ['barWidth',] }],
barMaxWidth: [{ type: Input, args: ['barMaxWidth',] }],
barMinHeight: [{ type: Input, args: ['barMinHeight',] }],
barGap: [{ type: Input, args: ['barGap',] }],
barCategoryGap: [{ type: Input, args: ['barCategoryGap',] }],
large: [{ type: Input, args: ['large',] }],
largeThreshold: [{ type: Input, args: ['largeThreshold',] }],
progressive: [{ type: Input, args: ['progressive',] }],
progressiveThreshold: [{ type: Input, args: ['progressiveThreshold',] }],
progressiveChunkMode: [{ type: Input, args: ['progressiveChunkMode',] }],
dimensions: [{ type: Input, args: ['dimensions',] }],
encode: [{ type: Input, args: ['encode',] }],
seriesLayoutBy: [{ type: Input, args: ['seriesLayoutBy',] }],
datasetIndex: [{ type: Input, args: ['datasetIndex',] }],
markPoint: [{ type: Input, args: ['markPoint',] }],
markLine: [{ type: Input, args: ['markLine',] }],
markArea: [{ type: Input, args: ['markArea',] }],
zlevel: [{ type: Input, args: ['zlevel',] }],
z: [{ type: Input, args: ['z',] }]
};
return TdChartSeriesBarComponent;
}(TdSeriesComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/** @type {?} */
var BAR_MODULE_COMPONENTS = [
TdChartSeriesBarComponent,
];
var CovalentBarEchartsModule = /** @class */ (function () {
function CovalentBarEchartsModule() {
}
CovalentBarEchartsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
declarations: [
BAR_MODULE_COMPONENTS,
],
exports: [
BAR_MODULE_COMPONENTS,
],
},] }
];
return CovalentBarEchartsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartSeriesLineComponent = /** @class */ (function (_super) {
__extends(TdChartSeriesLineComponent, _super);
function TdChartSeriesLineComponent(_optionsService) {
return _super.call(this, 'line', _optionsService) || this;
}
/**
* @return {?}
*/
TdChartSeriesLineComponent.prototype.getConfig = /**
* @return {?}
*/
function () {
return {
coordinateSystem: this.coordinateSystem,
xAxisIndex: this.xAxisIndex,
yAxisIndex: this.yAxisIndex,
polarIndex: this.polarIndex,
symbol: this.symbol,
symbolSize: this.symbolSize,
symbolRotate: this.symbolRotate,
symbolKeepAspect: this.symbolKeepAspect,
symbolOffset: this.symbolOffset,
showSymbol: this.showSymbol,
showAllSymbol: this.showAllSymbol,
hoverAnimation: this.hoverAnimation,
legendHoverLink: this.legendHoverLink,
stack: this.stack,
cursor: this.cursor,
connectNulls: this.connectNulls,
clipOverflow: this.clipOverflow,
step: this.step,
label: this.label,
itemStyle: this.itemStyle,
lineStyle: this.lineStyle,
areaStyle: this.areaStyle,
emphasis: this.emphasis,
smooth: this.smooth,
smoothMonotone: this.smoothMonotone,
sampling: this.sampling,
dimensions: this.dimensions,
encode: this.encode,
seriesLayoutBy: this.seriesLayoutBy,
datasetIndex: this.datasetIndex,
markPoint: this.markPoint,
markLine: this.markLine,
markArea: this.markArea,
zlevel: this.zlevel,
z: this.z,
silent: this.silent,
};
};
TdChartSeriesLineComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-series[td-line]',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [{
provide: TdSeriesComponent, useExisting: forwardRef(function () { return TdChartSeriesLineComponent; }),
}]
}] }
];
/** @nocollapse */
TdChartSeriesLineComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService }
]; };
TdChartSeriesLineComponent.propDecorators = {
coordinateSystem: [{ type: Input, args: ['coordinateSystem',] }],
xAxisIndex: [{ type: Input, args: ['xAxisIndex',] }],
yAxisIndex: [{ type: Input, args: ['yAxisIndex',] }],
polarIndex: [{ type: Input, args: ['polarIndex',] }],
symbol: [{ type: Input, args: ['symbol',] }],
symbolSize: [{ type: Input, args: ['symbolSize',] }],
symbolRotate: [{ type: Input, args: ['symbolRotate',] }],
symbolKeepAspect: [{ type: Input, args: ['symbolKeepAspect',] }],
symbolOffset: [{ type: Input, args: ['symbolOffset',] }],
showSymbol: [{ type: Input, args: ['showSymbol',] }],
showAllSymbol: [{ type: Input, args: ['showAllSymbol',] }],
hoverAnimation: [{ type: Input, args: ['hoverAnimation',] }],
legendHoverLink: [{ type: Input, args: ['legendHoverLink',] }],
stack: [{ type: Input, args: ['stack',] }],
cursor: [{ type: Input, args: ['cursor',] }],
connectNulls: [{ type: Input, args: ['connectNulls',] }],
clipOverflow: [{ type: Input, args: ['clipOverflow',] }],
step: [{ type: Input, args: ['step',] }],
label: [{ type: Input, args: ['label',] }],
itemStyle: [{ type: Input, args: ['itemStyle',] }],
lineStyle: [{ type: Input, args: ['lineStyle',] }],
areaStyle: [{ type: Input, args: ['areaStyle',] }],
emphasis: [{ type: Input, args: ['emphasis',] }],
smooth: [{ type: Input, args: ['smooth',] }],
smoothMonotone: [{ type: Input, args: ['smoothMonotone',] }],
sampling: [{ type: Input, args: ['sampling',] }],
dimensions: [{ type: Input, args: ['dimensions',] }],
encode: [{ type: Input, args: ['encode',] }],
seriesLayoutBy: [{ type: Input, args: ['seriesLayoutBy',] }],
datasetIndex: [{ type: Input, args: ['datasetIndex',] }],
markPoint: [{ type: Input, args: ['markPoint',] }],
markLine: [{ type: Input, args: ['markLine',] }],
markArea: [{ type: Input, args: ['markArea',] }],
zlevel: [{ type: Input, args: ['zlevel',] }],
z: [{ type: Input, args: ['z',] }],
silent: [{ type: Input, args: ['silent',] }]
};
return TdChartSeriesLineComponent;
}(TdSeriesComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/** @type {?} */
var LINE_MODULE_COMPONENTS = [
TdChartSeriesLineComponent,
];
var CovalentLineEchartsModule = /** @class */ (function () {
function CovalentLineEchartsModule() {
}
CovalentLineEchartsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
declarations: [
LINE_MODULE_COMPONENTS,
],
exports: [
LINE_MODULE_COMPONENTS,
],
},] }
];
return CovalentLineEchartsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartSeriesScatterComponent = /** @class */ (function (_super) {
__extends(TdChartSeriesScatterComponent, _super);
function TdChartSeriesScatterComponent(_optionsService) {
return _super.call(this, 'scatter', _optionsService) || this;
}
/**
* @return {?}
*/
TdChartSeriesScatterComponent.prototype.getConfig = /**
* @return {?}
*/
function () {
return {
coordinateSystem: this.coordinateSystem,
xAxisIndex: this.xAxisIndex,
yAxisIndex: this.yAxisIndex,
polarIndex: this.polarIndex,
geoIndex: this.geoIndex,
calendarIndex: this.calendarIndex,
hoverAnimation: this.hoverAnimation,
legendHoverLink: this.legendHoverLink,
symbol: this.symbol,
symbolSize: this.symbolSize,
symbolRotate: this.symbolRotate,
symbolKeepAspect: this.symbolKeepAspect,
symbolOffset: this.symbolOffset,
large: this.large,
largeThreshold: this.largeThreshold,
cursor: this.cursor,
label: this.label,
itemStyle: this.itemStyle,
emphasis: this.emphasis,
progressive: this.progressive,
progressiveThreshold: this.progressiveThreshold,
dimensions: this.dimensions,
encode: this.encode,
seriesLayoutBy: this.seriesLayoutBy,
datasetIndex: this.datasetIndex,
markPoint: this.markPoint,
markLine: this.markLine,
markArea: this.markArea,
zlevel: this.zlevel,
z: this.z,
silent: this.silent,
};
};
TdChartSeriesScatterComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-series[td-scatter]',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [{
provide: TdSeriesComponent, useExisting: forwardRef(function () { return TdChartSeriesScatterComponent; }),
}]
}] }
];
/** @nocollapse */
TdChartSeriesScatterComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService }
]; };
TdChartSeriesScatterComponent.propDecorators = {
coordinateSystem: [{ type: Input, args: ['coordinateSystem',] }],
xAxisIndex: [{ type: Input, args: ['xAxisIndex',] }],
yAxisIndex: [{ type: Input, args: ['yAxisIndex',] }],
polarIndex: [{ type: Input, args: ['polarIndex',] }],
geoIndex: [{ type: Input, args: ['geoIndex',] }],
calendarIndex: [{ type: Input, args: ['calendarIndex',] }],
hoverAnimation: [{ type: Input, args: ['hoverAnimation',] }],
legendHoverLink: [{ type: Input, args: ['legendHoverLink',] }],
symbol: [{ type: Input, args: ['symbol',] }],
symbolSize: [{ type: Input, args: ['symbolSize',] }],
symbolRotate: [{ type: Input, args: ['symbolRotate',] }],
symbolKeepAspect: [{ type: Input, args: ['symbolKeepAspect',] }],
symbolOffset: [{ type: Input, args: ['symbolOffset',] }],
large: [{ type: Input, args: ['large',] }],
largeThreshold: [{ type: Input, args: ['largeThreshold',] }],
cursor: [{ type: Input, args: ['cursor',] }],
label: [{ type: Input, args: ['label',] }],
itemStyle: [{ type: Input, args: ['itemStyle',] }],
emphasis: [{ type: Input, args: ['emphasis',] }],
progressive: [{ type: Input, args: ['progressive',] }],
progressiveThreshold: [{ type: Input, args: ['progressiveThreshold',] }],
dimensions: [{ type: Input, args: ['dimensions',] }],
encode: [{ type: Input, args: ['encode',] }],
seriesLayoutBy: [{ type: Input, args: ['seriesLayoutBy',] }],
datasetIndex: [{ type: Input, args: ['datasetIndex',] }],
markPoint: [{ type: Input, args: ['markPoint',] }],
markLine: [{ type: Input, args: ['markLine',] }],
markArea: [{ type: Input, args: ['markArea',] }],
zlevel: [{ type: Input, args: ['zlevel',] }],
z: [{ type: Input, args: ['z',] }],
silent: [{ type: Input, args: ['silent',] }]
};
return TdChartSeriesScatterComponent;
}(TdSeriesComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/** @type {?} */
var SCATTER_MODULE_COMPONENTS = [
TdChartSeriesScatterComponent,
];
var CovalentScatterEchartsModule = /** @class */ (function () {
function CovalentScatterEchartsModule() {
}
CovalentScatterEchartsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
declarations: [
SCATTER_MODULE_COMPONENTS,
],
exports: [
SCATTER_MODULE_COMPONENTS,
],
},] }
];
return CovalentScatterEchartsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdChartSeriesTreeComponent = /** @class */ (function (_super) {
__extends(TdChartSeriesTreeComponent, _super);
function TdChartSeriesTreeComponent(_optionsService) {
return _super.call(this, 'tree', _optionsService) || this;
}
/**
* @return {?}
*/
TdChartSeriesTreeComponent.prototype.getConfig = /**
* @return {?}
*/
function () {
return {
zlevel: this.zlevel,
z: this.z,
left: this.left,
top: this.top,
right: this.right,
bottom: this.bottom,
width: this.width,
height: this.height,
layout: this.layout,
orient: this.orient,
symbol: this.symbol,
symbolSize: this.symbolSize,
symbolRotate: this.symbolRotate,
symbolKeepAspect: this.symbolKeepAspect,
roam: this.roam,
expandAndCollapse: this.expandAndCollapse,
initialTreeDepth: this.initialTreeDepth,
itemStyle: this.itemStyle,
label: this.label,
lineStyle: this.lineStyle,
leaves: this.leaves,
emphasis: this.emphasis,
};
};
TdChartSeriesTreeComponent.decorators = [
{ type: Component, args: [{
selector: 'td-chart-series[td-tree]',
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [{
provide: TdSeriesComponent, useExisting: forwardRef(function () { return TdChartSeriesTreeComponent; }),
}]
}] }
];
/** @nocollapse */
TdChartSeriesTreeComponent.ctorParameters = function () { return [
{ type: TdChartOptionsService }
]; };
TdChartSeriesTreeComponent.propDecorators = {
zlevel: [{ type: Input, args: ['zlevel',] }],
z: [{ type: Input, args: ['z',] }],
left: [{ type: Input, args: ['left',] }],
top: [{ type: Input, args: ['top',] }],
right: [{ type: Input, args: ['right',] }],
bottom: [{ type: Input, args: ['bottom',] }],
width: [{ type: Input, args: ['width',] }],
height: [{ type: Input, args: ['height',] }],
layout: [{ type: Input, args: ['layout',] }],
orient: [{ type: Input, args: ['orient',] }],
symbol: [{ type: Input, args: ['symbol',] }],
symbolSize: [{ type: Input, args: ['symbolSize',] }],
symbolRotate: [{ type: Input, args: ['symbolRotate',] }],
symbolKeepAspect: [{ type: Input, args: ['symbolKeepAspect',] }],
roam: [{ type: Input, args: ['roam',] }],
expandAndCollapse: [{ type: Input, args: ['expandAndCollapse',] }],
initialTreeDepth: [{ type: Input, args: ['initialTreeDepth',] }],
itemStyle: [{ type: Input, args: ['itemStyle',] }],
label: [{ type: Input, args: ['label',] }],
lineStyle: [{ type: Input, args: ['lineStyle',] }],
leaves: [{ type: Input, args: ['leaves',] }],
emphasis: [{ type: Input, args: ['emphasis',] }]
};
return TdChartSeriesTreeComponent;
}(TdSeriesComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/** @type {?} */
var TREE_MODULE_COMPONENTS = [
TdChartSeriesTreeComponent,
];
var CovalentTreeEchartsModule = /** @class */ (function () {
function CovalentTreeEchartsModule() {
}
CovalentTreeEchartsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
declarations: [
TREE_MODULE_COMPONENTS,
],
exports: [
TREE_MODULE_COMPONENTS,
],
},] }
];
return CovalentTreeEchartsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var TdTooltipContext = /** @class */ (function () {
function TdTooltipContext() {
}
return TdTooltipContext;
}());
var TdChartTooltipFormatterDirective = /** @class */ (function () {
function TdChartTooltipFormatterDirective() {
}
TdChartTooltipFormatterDirective.decorators = [
{ type: Directive, args: [{
selector: 'ng-template[tdTooltipFormatter]',
},] }
];
return TdChartTooltipFormatterDirective;
}());
var TdChartTooltipComponent = /** @class */ (function () {
function TdChartTooltipComponent(_changeDetectorRef, _elementRef, _optionsService) {
this._changeDetectorRef = _changeDetectorRef;
this._elementRef = _elementRef;
this._optionsService = _optionsService;
this._state = {};
this._context = new TdTooltipContext();
this.config = {};
this.show = true;
this.trigger = 'axis';
this.showContent = true;
this.alwaysShowContent = false;
this.triggerOn = 'mousemove|click';
this.showDelay = 0;
this.hideDelay = 0;
this.enterable = false;
this.confine = false;
this.transitionDuration = 0.5;
// series
this.backgroundColor = 'rgba(50,50,50,0.7)'; // series
// series
this.borderColor = '#333'; // series
// series
this.borderWidth = 0; // series
// series
this.padding = 5; // series
// series
this.textStyle = {
// series
color: '#FFF',
};
}
/**
* @return {?}
*/
TdChartTooltipComponent.prototype.ngOnChanges = /**
* @return {?}
*/
function () {
this._setOptions();
};
/**
* @return {?}
*/
TdChartTooltipComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._removeOption();
};
/**
* @return {?}
*/
TdChartTooltipComponent.prototype._setOptions = /**
* @return {?}
*/
function () {
/** @type {?} */
var config = assignDefined(this._state, {
show: this.show,
trigger: this.trigger,
axisPointer: this.axisPointer,
showContent: this.showContent,
alwaysShowContent: this.alwaysShowContent,
triggerOn: this.triggerOn,
showDelay: this.showDelay,
hideDelay: this.hideDelay,
enterable: this.enterable,
confine: this.confine,
transitionDuration: this.transitionDuration,
position: this.position,
formatter: this.for