| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103 |
1×
1×
1×
1×
1×
1×
1×
264×
264×
264×
1×
1×
1×
1×
1×
1823×
1×
3883×
3883×
3883×
3883×
3883×
3883×
3883×
3883×
3883×
3883×
109445×
109445×
109445×
109445×
105120×
105120×
105120×
105120×
105120×
33×
4325×
4325×
3883×
105×
103×
103×
103×
103×
3883×
3883×
3883×
3883×
3883×
3882×
1×
1×
1×
12×
12×
12×
12×
12×
1×
3883×
3883×
3883×
4×
1×
567×
567×
1×
47031×
1×
1×
1×
| /* istanbul ignore next */
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
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 extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
define(["require", "exports", "../../common/utils/helper", "@syncfusion/ej2-svg-base", "./line-base", "@syncfusion/ej2-base"], function (require, exports, helper_1, ej2_svg_base_1, line_base_1, ej2_base_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var LineSeries = (function (_super) {
__extends(LineSeries, _super);
function LineSeries() {
return _super !== null && _super.apply(this, arguments) || this;
}
LineSeries.prototype.render = function (series, xAxis, yAxis, isInverted, pointAnimate, pointUpdate) {
var point1;
var point2;
var direction = '';
var prevPoint = null;
var startPoint = 'M';
var isPolar = (series.chart && series.chart.chartAreaType === 'PolarRadar');
var isDrop = (series.emptyPointSettings && series.emptyPointSettings.mode === 'Drop');
var getCoordinate = isPolar ? helper_1.TransformToVisible : helper_1.getPoint;
var visiblePoints = series.category === 'TrendLine' ? series.points : this.enableComplexProperty(series);
for (var _i = 0, visiblePoints_1 = visiblePoints; _i < visiblePoints_1.length; _i++) {
var point = visiblePoints_1[_i];
point.regions = [];
point.symbolLocations = [];
if (point.visible && helper_1.withInRange(visiblePoints[point.index - 1], point, visiblePoints[point.index + 1], series)) {
direction += this.getLineDirection(prevPoint, point, series, isInverted, getCoordinate, startPoint);
startPoint = prevPoint ? 'L' : startPoint;
prevPoint = point;
this.storePointLocation(point, series, isInverted, getCoordinate);
if (direction === '' && visiblePoints.length === 1) {
direction = 'M ' + point.symbolLocations[0].x + ' ' + point.symbolLocations[0].y;
}
}
else {
prevPoint = isDrop ? prevPoint : null;
startPoint = isDrop ? startPoint : 'M';
}
}
if (isPolar) {
if (series.isClosed) {
var points = this.getFirstLastVisiblePoint(visiblePoints);
point2 = getCoordinate(points.last.xValue, points.last.yValue, xAxis, yAxis, isInverted, series);
point1 = getCoordinate(points.first.xValue, points.first.yValue, xAxis, yAxis, isInverted, series);
direction = direction.concat(startPoint + ' ' + point2.x + ' ' + point2.y + ' ' + 'L' + ' ' + point1.x + ' ' + point1.y);
}
}
this.applyGradientColors(series);
var name = series.category === 'Indicator' ? series.chart.element.id + '_Indicator_' + series.index + '_' + series.name :
series.category === 'TrendLine' ? series.chart.element.id + '_Series_' + series.sourceIndex + '_TrendLine_' + series.index :
series.chart.element.id + '_Series_' + (series.index === undefined ? series.category : series.index);
var options = new ej2_svg_base_1.PathOption(name, 'none', series.width, series.interior, series.opacity, series.dashArray, direction);
this[pointAnimate ? 'addPath' : 'appendLinePath'](options, series, '');
if (!pointUpdate) {
this.renderMarker(series);
}
};
LineSeries.prototype.updateDirection = function (series, point) {
this.render(series, series.xAxis, series.yAxis, series.chart.requireInvertedAxis, false, true);
for (var i = 0; i < point.length; i++) {
Eif (series.marker && series.marker.visible) {
series.chart.markerRender.renderMarker(series, series.points[point[i]], series.points[point[i]].symbolLocations[0], null, true);
}
Eif (series.marker.dataLabel.visible && series.chart.dataLabelModule) {
series.chart.dataLabelModule.commonId = series.chart.element.id + '_Series_' + series.index + '_Point_';
series.chart.dataLabelModule.renderDataLabel(series, series.points[point[i]], null, series.marker.dataLabel);
}
}
};
LineSeries.prototype.applyGradientColors = function (series) {
var linearGradient = series.linearGradient && series.linearGradient.gradientColorStop.length > 0
? series.linearGradient : null;
var radialGradient = series.radialGradient && series.radialGradient.gradientColorStop.length > 0
? series.radialGradient : null;
if (!ej2_base_1.isNullOrUndefined(linearGradient) || !ej2_base_1.isNullOrUndefined(radialGradient)) {
series.interior = "url(#" + series.gradientId + ")";
}
};
LineSeries.prototype.doAnimation = function (series) {
var option = series.animation;
this.doProgressiveAnimation(series, option);
};
LineSeries.prototype.getModuleName = function () {
return 'LineSeries';
};
LineSeries.prototype.destroy = function () {
};
return LineSeries;
}(line_base_1.LineBase));
exports.LineSeries = LineSeries;
});
|