all files / chart/series/ step-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
94
95
96
97
98
99
100
101
102
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
1×
 
1×
1×
1×
1×
63×
 
1×
99×
99×
99×
99×
99×
99×
99×
99×
8×
 
 
91×
 
99×
677×
677×
677×
677×
651×
4×
 
651×
531×
531×
531×
531×
 
 
120×
120×
120×
 
651×
651×
 
 
651×
 
 
26×
26×
 
 
99×
99×
99×
 
99×
99×
99×
98×
 
 
1×
1×
1×
11×
11×
 
11×
11×
11×
 
 
 
1×
7×
7×
 
1×
 
1×
41538×
 
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 StepLineSeries = (function (_super) {
        __extends(StepLineSeries, _super);
        function StepLineSeries() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        StepLineSeries.prototype.render = function (series, xAxis, yAxis, isInverted, pointAnimate, pointUpdate) {
            var direction = '';
            var startPoint = 'M';
            var prevPoint = null;
            var lineLength;
            var point1;
            var point2;
            var visiblePoints = this.enableComplexProperty(series);
            if (xAxis.valueType === 'Category' && xAxis.labelPlacement === 'BetweenTicks') {
                lineLength = 0.5;
            }
            else {
                lineLength = 0;
            }
            for (var _i = 0, visiblePoints_1 = visiblePoints; _i < visiblePoints_1.length; _i++) {
                var point = visiblePoints_1[_i];
                point.symbolLocations = [];
                point.regions = [];
                if (point.visible && helper_1.withInRange(visiblePoints[point.index - 1], point, visiblePoints[point.index + 1], series)) {
                    if (startPoint === 'M' && (!visiblePoints[point.index + 1] || !visiblePoints[point.index + 1].visible)) {
                        direction = '';
                    }
                    if (prevPoint != null) {
                        point2 = helper_1.getPoint(point.xValue, point.yValue, xAxis, yAxis, isInverted);
                        point1 = helper_1.getPoint(prevPoint.xValue, prevPoint.yValue, xAxis, yAxis, isInverted);
                        direction = direction.concat(startPoint + ' ' + (point1.x) + ' ' + (point1.y) + this.GetStepLineDirection(point2, point1, series.step, 'L', series, true));
                        startPoint = 'L';
                    }
                    else {
                        point1 = helper_1.getPoint(point.xValue - lineLength, point.yValue, xAxis, yAxis, isInverted);
                        direction = direction.concat(startPoint + ' ' + (point1.x) + ' ' + (point1.y) + ' ');
                        startPoint = 'L';
                    }
                    this.storePointLocation(point, series, isInverted, helper_1.getPoint);
                    Iif (direction === '') {
                        direction = 'M ' + point.symbolLocations[0].x + ' ' + point.symbolLocations[0].y;
                    }
                    prevPoint = point;
                }
                else {
                    prevPoint = series.emptyPointSettings.mode === 'Drop' ? prevPoint : null;
                    startPoint = series.emptyPointSettings.mode === 'Drop' ? startPoint : 'M';
                }
            }
            Eif (visiblePoints.length > 0) {
                point1 = helper_1.getPoint(visiblePoints[visiblePoints.length - 1].xValue + lineLength, visiblePoints[visiblePoints.length - 1].yValue, xAxis, yAxis, isInverted);
                direction = direction.concat(startPoint + ' ' + (point1.x) + ' ' + (point1.y) + ' ');
            }
            var pathOptions = new ej2_svg_base_1.PathOption(series.chart.element.id + '_Series_' + series.index, 'transparent', series.width, series.interior, series.opacity, series.dashArray, direction);
            this[pointAnimate ? 'addPath' : 'appendLinePath'](pathOptions, series, '');
            if (!pointUpdate) {
                this.renderMarker(series);
            }
        };
        StepLineSeries.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);
                }
            }
        };
        StepLineSeries.prototype.doAnimation = function (series) {
            var option = series.animation;
            this.doLinearAnimation(series, option);
        };
        StepLineSeries.prototype.destroy = function () {
        };
        StepLineSeries.prototype.getModuleName = function () {
            return 'StepLineSeries';
        };
        return StepLineSeries;
    }(line_base_1.LineBase));
    exports.StepLineSeries = StepLineSeries;
});