all files / chart/series/ line-series.js

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
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
1×
 
1×
1×
1×
1×
1658×
 
1×
3539×
3539×
3539×
3539×
3539×
3539×
3539×
3539×
3539×
3539×
103430×
103430×
103430×
103430×
99424×
99424×
99424×
99424×
99424×
21×
 
 
 
4006×
4006×
 
 
3539×
103×
101×
101×
101×
101×
 
 
3539×
 
 
3539×
3539×
3539×
3538×
 
 
1×
1×
1×
12×
12×
 
12×
12×
12×
 
 
 
1×
467×
467×
 
1×
42339×
 
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"], function (require, exports, helper_1, ej2_svg_base_1, line_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);
                }
            }
            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.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;
});