gifted-charts-core 0.1.48 → 0.1.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BarChart/Animated2DWithGradient.js +2 -1
- package/dist/BarChart/RenderStackBars.d.ts +1 -1
- package/dist/BarChart/RenderStackBars.js +8 -3
- package/dist/BarChart/index.d.ts +1 -0
- package/dist/BarChart/index.js +5 -3
- package/dist/BarChart/types.d.ts +4 -1
- package/dist/LineChart/index.d.ts +13 -8
- package/dist/LineChart/index.js +364 -321
- package/dist/LineChart/types.d.ts +4 -1
- package/dist/components/BarAndLineChartsWrapper/index.js +10 -8
- package/dist/utils/constants.d.ts +2 -0
- package/dist/utils/constants.js +2 -0
- package/dist/utils/index.js +28 -27
- package/dist/utils/types.d.ts +14 -0
- package/package.json +1 -1
package/dist/LineChart/index.js
CHANGED
|
@@ -36,67 +36,81 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
};
|
|
37
37
|
import { useEffect, useMemo, useState } from 'react';
|
|
38
38
|
import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTypes, defaultArrowConfig, defaultPointerConfig } from '../utils/constants';
|
|
39
|
-
import {
|
|
39
|
+
import { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
|
|
40
40
|
import { EdgePosition } from '../utils/types';
|
|
41
41
|
export var useLineChart = function (props) {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _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, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312
|
|
43
|
-
var showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _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, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _313 = props.interpolateMissingValues, interpolateMissingValues = _313 === void 0 ? true : _313, _314 = props.extrapolateMissingValues, extrapolateMissingValues = _314 === void 0 ? true : _314, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue;
|
|
44
|
+
var lastLineNumber = 1;
|
|
45
|
+
if (props.secondaryData) {
|
|
46
|
+
lastLineNumber = 666;
|
|
47
|
+
}
|
|
48
|
+
if (props.data2)
|
|
49
|
+
lastLineNumber = 2;
|
|
50
|
+
if (props.data3)
|
|
51
|
+
lastLineNumber = 3;
|
|
52
|
+
if (props.data4)
|
|
53
|
+
lastLineNumber = 4;
|
|
54
|
+
if (props.data5)
|
|
55
|
+
lastLineNumber = 5;
|
|
56
|
+
if (((_b = (_a = props.dataSet) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > lastLineNumber)
|
|
57
|
+
lastLineNumber = (_d = (_c = props.dataSet) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
|
|
58
|
+
var containsNegativeValue = ((_e = props.mostNegativeValue) !== null && _e !== void 0 ? _e : 0) < 0 ||
|
|
59
|
+
((_j = ((_h = (_g = (_f = props.dataSet) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.data) !== null && _h !== void 0 ? _h : props.data)) === null || _j === void 0 ? void 0 : _j.some(function (item) { return item.value < 0; }));
|
|
60
|
+
var onlyPositive = (_k = props.onlyPositive) !== null && _k !== void 0 ? _k : (!extrapolateMissingValues ? (containsNegativeValue ? false : true) : false);
|
|
47
61
|
// the default value of onlyPositive is usually supposed to be false
|
|
48
62
|
// but we are setting it to true if extrapolateMissingValues is false and there are no negative values
|
|
49
63
|
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
50
|
-
var curvature = (
|
|
51
|
-
var curveType = (
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
64
|
+
var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
|
|
65
|
+
var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
|
|
66
|
+
var _315 = __read(useState(0), 2), scrollX = _315[0], setScrollX = _315[1];
|
|
67
|
+
var _316 = __read(useState(''), 2), arrow1Points = _316[0], setArrow1Points = _316[1];
|
|
68
|
+
var _317 = __read(useState(''), 2), arrow2Points = _317[0], setArrow2Points = _317[1];
|
|
69
|
+
var _318 = __read(useState(''), 2), arrow3Points = _318[0], setArrow3Points = _318[1];
|
|
70
|
+
var _319 = __read(useState(''), 2), arrow4Points = _319[0], setArrow4Points = _319[1];
|
|
71
|
+
var _320 = __read(useState(''), 2), arrow5Points = _320[0], setArrow5Points = _320[1];
|
|
72
|
+
var _321 = __read(useState(''), 2), secondaryArrowPoints = _321[0], setSecondaryArrowPoints = _321[1];
|
|
73
|
+
var _322 = __read(useState(-1), 2), pointerIndex = _322[0], setPointerIndex = _322[1];
|
|
74
|
+
var _323 = __read(useState(0), 2), pointerX = _323[0], setPointerX = _323[1];
|
|
75
|
+
var _324 = __read(useState(0), 2), pointerY = _324[0], setPointerY = _324[1];
|
|
76
|
+
var _325 = __read(useState(), 2), pointerItem = _325[0], setPointerItem = _325[1];
|
|
77
|
+
var _326 = __read(useState(0), 2), pointerY2 = _326[0], setPointerY2 = _326[1];
|
|
78
|
+
var _327 = __read(useState(), 2), pointerItem2 = _327[0], setPointerItem2 = _327[1];
|
|
79
|
+
var _328 = __read(useState(0), 2), pointerY3 = _328[0], setPointerY3 = _328[1];
|
|
80
|
+
var _329 = __read(useState(), 2), pointerItem3 = _329[0], setPointerItem3 = _329[1];
|
|
81
|
+
var _330 = __read(useState(0), 2), pointerY4 = _330[0], setPointerY4 = _330[1];
|
|
82
|
+
var _331 = __read(useState(), 2), pointerItem4 = _331[0], setPointerItem4 = _331[1];
|
|
83
|
+
var _332 = __read(useState(0), 2), pointerY5 = _332[0], setPointerY5 = _332[1];
|
|
84
|
+
var _333 = __read(useState([]), 2), pointerYsForDataSet = _333[0], setPointerYsForDataSet = _333[1];
|
|
85
|
+
var _334 = __read(useState(), 2), pointerItem5 = _334[0], setPointerItem5 = _334[1];
|
|
86
|
+
var _335 = __read(useState(0), 2), secondaryPointerY = _335[0], setSecondaryPointerY = _335[1];
|
|
87
|
+
var _336 = __read(useState(), 2), secondaryPointerItem = _336[0], setSecondaryPointerItem = _336[1];
|
|
88
|
+
var _337 = __read(useState([]), 2), pointerItemsForSet = _337[0], setPointerItemsForSet = _337[1];
|
|
89
|
+
var _338 = __read(useState([]), 2), secondaryPointerItemsForSet = _338[0], setSecondaryPointerItemsForSet = _338[1];
|
|
90
|
+
var _339 = __read(useState(0), 2), responderStartTime = _339[0], setResponderStartTime = _339[1];
|
|
91
|
+
var _340 = __read(useState(false), 2), responderActive = _340[0], setResponderActive = _340[1];
|
|
92
|
+
var _341 = __read(useState(''), 2), points = _341[0], setPoints = _341[1];
|
|
93
|
+
var _342 = __read(useState(''), 2), points2 = _342[0], setPoints2 = _342[1];
|
|
94
|
+
var _343 = __read(useState(''), 2), points3 = _343[0], setPoints3 = _343[1];
|
|
95
|
+
var _344 = __read(useState(''), 2), points4 = _344[0], setPoints4 = _344[1];
|
|
96
|
+
var _345 = __read(useState(''), 2), points5 = _345[0], setPoints5 = _345[1];
|
|
97
|
+
var _346 = __read(useState(''), 2), secondaryPoints = _346[0], setSecondaryPoints = _346[1];
|
|
98
|
+
var _347 = __read(useState(''), 2), fillPoints = _347[0], setFillPoints = _347[1];
|
|
99
|
+
var _348 = __read(useState(''), 2), fillPoints2 = _348[0], setFillPoints2 = _348[1];
|
|
100
|
+
var _349 = __read(useState(''), 2), fillPoints3 = _349[0], setFillPoints3 = _349[1];
|
|
101
|
+
var _350 = __read(useState(''), 2), fillPoints4 = _350[0], setFillPoints4 = _350[1];
|
|
102
|
+
var _351 = __read(useState(''), 2), fillPoints5 = _351[0], setFillPoints5 = _351[1];
|
|
103
|
+
var _352 = __read(useState(''), 2), secondaryFillPoints = _352[0], setSecondaryFillPoints = _352[1];
|
|
104
|
+
var _353 = __read(useState([]), 2), pointsFromSet = _353[0], setPointsFromSet = _353[1];
|
|
105
|
+
var _354 = __read(useState([]), 2), fillPointsFromSet = _354[0], setFillPointsFromSet = _354[1];
|
|
106
|
+
var _355 = __read(useState([]), 2), arrowPointsFromSet = _355[0], setArrowPointsFromSet = _355[1];
|
|
107
|
+
var _356 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _356[0], setSelectedIndex = _356[1];
|
|
94
108
|
useEffect(function () {
|
|
95
109
|
var _a;
|
|
96
110
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
97
111
|
}, [props.focusedDataPointIndex]);
|
|
98
112
|
var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
|
|
99
|
-
var containerHeight = (
|
|
113
|
+
var containerHeight = (_p = props.height) !== null && _p !== void 0 ? _p : (((_q = props.stepHeight) !== null && _q !== void 0 ? _q : 0) * noOfSections ||
|
|
100
114
|
AxesAndRulesDefaults.containerHeight);
|
|
101
115
|
var dataSanitisationProps = {
|
|
102
116
|
showDataPointsForMissingValues: showDataPointsForMissingValues,
|
|
@@ -109,26 +123,26 @@ export var useLineChart = function (props) {
|
|
|
109
123
|
var data3 = useMemo(function () { return getSanitisedData(props.data3, dataSanitisationProps); }, [yAxisOffset, props.data3]);
|
|
110
124
|
var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
|
|
111
125
|
var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
|
|
112
|
-
var secondaryData = (
|
|
126
|
+
var secondaryData = (_r = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _r !== void 0 ? _r : [];
|
|
113
127
|
var dataSet = props.dataSet;
|
|
114
128
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
115
129
|
dataSet = useMemo(function () {
|
|
116
130
|
return dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (dataSetItem) {
|
|
117
|
-
var
|
|
118
|
-
return __assign(__assign({}, dataSetItem), { data:
|
|
131
|
+
var sanitisedData = getSanitisedData(dataSetItem.data, dataSanitisationProps);
|
|
132
|
+
return __assign(__assign({}, dataSetItem), { data: sanitisedData });
|
|
119
133
|
});
|
|
120
134
|
}, [yAxisOffset, dataSet]);
|
|
121
135
|
}
|
|
122
|
-
var data0 = (
|
|
123
|
-
var scrollToEnd = (
|
|
124
|
-
var scrollAnimation = (
|
|
125
|
-
var scrollEventThrottle = (
|
|
126
|
-
var labelsExtraHeight = (
|
|
127
|
-
var animationDuration = (
|
|
128
|
-
var onDataChangeAnimationDuration = (
|
|
129
|
-
var animateTogether = (
|
|
130
|
-
var animateOnDataChange = (
|
|
131
|
-
var startIndex1 = (
|
|
136
|
+
var data0 = (_s = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _s === void 0 ? void 0 : _s.data;
|
|
137
|
+
var scrollToEnd = (_t = props.scrollToEnd) !== null && _t !== void 0 ? _t : LineDefaults.scrollToEnd;
|
|
138
|
+
var scrollAnimation = (_u = props.scrollAnimation) !== null && _u !== void 0 ? _u : LineDefaults.scrollAnimation;
|
|
139
|
+
var scrollEventThrottle = (_v = props.scrollEventThrottle) !== null && _v !== void 0 ? _v : LineDefaults.scrollEventThrottle;
|
|
140
|
+
var labelsExtraHeight = (_w = props.labelsExtraHeight) !== null && _w !== void 0 ? _w : 0;
|
|
141
|
+
var animationDuration = (_x = props.animationDuration) !== null && _x !== void 0 ? _x : LineDefaults.animationDuration;
|
|
142
|
+
var onDataChangeAnimationDuration = (_y = props.onDataChangeAnimationDuration) !== null && _y !== void 0 ? _y : 400;
|
|
143
|
+
var animateTogether = (_z = props.animateTogether) !== null && _z !== void 0 ? _z : LineDefaults.animateTogether;
|
|
144
|
+
var animateOnDataChange = (_0 = props.animateOnDataChange) !== null && _0 !== void 0 ? _0 : false;
|
|
145
|
+
var startIndex1 = (_2 = (_1 = props.startIndex1) !== null && _1 !== void 0 ? _1 : props.startIndex) !== null && _2 !== void 0 ? _2 : 0;
|
|
132
146
|
var endIndex1;
|
|
133
147
|
if (props.endIndex1 === undefined || props.endIndex1 === null) {
|
|
134
148
|
if (props.endIndex === undefined || props.endIndex === null) {
|
|
@@ -141,14 +155,14 @@ export var useLineChart = function (props) {
|
|
|
141
155
|
else {
|
|
142
156
|
endIndex1 = props.endIndex1;
|
|
143
157
|
}
|
|
144
|
-
var startIndex2 = (
|
|
145
|
-
var endIndex2 = (
|
|
146
|
-
var startIndex3 = (
|
|
147
|
-
var endIndex3 = (
|
|
148
|
-
var startIndex4 = (
|
|
149
|
-
var endIndex4 = (
|
|
150
|
-
var startIndex5 = (
|
|
151
|
-
var endIndex5 = (
|
|
158
|
+
var startIndex2 = (_3 = props.startIndex2) !== null && _3 !== void 0 ? _3 : 0;
|
|
159
|
+
var endIndex2 = (_4 = props.endIndex2) !== null && _4 !== void 0 ? _4 : data2.length - 1;
|
|
160
|
+
var startIndex3 = (_5 = props.startIndex3) !== null && _5 !== void 0 ? _5 : 0;
|
|
161
|
+
var endIndex3 = (_6 = props.endIndex3) !== null && _6 !== void 0 ? _6 : data3.length - 1;
|
|
162
|
+
var startIndex4 = (_7 = props.startIndex4) !== null && _7 !== void 0 ? _7 : 0;
|
|
163
|
+
var endIndex4 = (_8 = props.endIndex4) !== null && _8 !== void 0 ? _8 : data4.length - 1;
|
|
164
|
+
var startIndex5 = (_9 = props.startIndex5) !== null && _9 !== void 0 ? _9 : 0;
|
|
165
|
+
var endIndex5 = (_10 = props.endIndex5) !== null && _10 !== void 0 ? _10 : data5.length - 1;
|
|
152
166
|
var lengthOfLongestDataArray = Math.max(data.length, data2.length, data3.length, data4.length, data5.length);
|
|
153
167
|
var lineSegments = !interpolateMissingValues
|
|
154
168
|
? getLineSegmentsForMissingValues(props.data)
|
|
@@ -157,102 +171,116 @@ export var useLineChart = function (props) {
|
|
|
157
171
|
: props.lineSegments;
|
|
158
172
|
var lineSegments2 = !interpolateMissingValues
|
|
159
173
|
? getLineSegmentsForMissingValues(props.data2)
|
|
160
|
-
:
|
|
174
|
+
: !extrapolateMissingValues
|
|
175
|
+
? getLineSegmentsDueToNoExtrapolation(props.data2)
|
|
176
|
+
: props.lineSegments2;
|
|
161
177
|
var lineSegments3 = !interpolateMissingValues
|
|
162
178
|
? getLineSegmentsForMissingValues(props.data3)
|
|
163
|
-
:
|
|
179
|
+
: !extrapolateMissingValues
|
|
180
|
+
? getLineSegmentsDueToNoExtrapolation(props.data3)
|
|
181
|
+
: props.lineSegments3;
|
|
164
182
|
var lineSegments4 = !interpolateMissingValues
|
|
165
183
|
? getLineSegmentsForMissingValues(props.data4)
|
|
166
|
-
:
|
|
184
|
+
: !extrapolateMissingValues
|
|
185
|
+
? getLineSegmentsDueToNoExtrapolation(props.data4)
|
|
186
|
+
: props.lineSegments4;
|
|
167
187
|
var lineSegments5 = !interpolateMissingValues
|
|
168
188
|
? getLineSegmentsForMissingValues(props.data5)
|
|
169
|
-
:
|
|
189
|
+
: !extrapolateMissingValues
|
|
190
|
+
? getLineSegmentsDueToNoExtrapolation(props.data5)
|
|
191
|
+
: props.lineSegments5;
|
|
170
192
|
var highlightedRange = props.highlightedRange;
|
|
171
|
-
var adjustToWidth = (
|
|
172
|
-
var initialSpacing = (
|
|
173
|
-
var endSpacing = (
|
|
174
|
-
var thickness = (
|
|
175
|
-
var yAxisLabelWidth = (
|
|
193
|
+
var adjustToWidth = (_11 = props.adjustToWidth) !== null && _11 !== void 0 ? _11 : false;
|
|
194
|
+
var initialSpacing = (_12 = props.initialSpacing) !== null && _12 !== void 0 ? _12 : LineDefaults.initialSpacing;
|
|
195
|
+
var endSpacing = (_13 = props.endSpacing) !== null && _13 !== void 0 ? _13 : (adjustToWidth ? 0 : LineDefaults.endSpacing);
|
|
196
|
+
var thickness = (_14 = props.thickness) !== null && _14 !== void 0 ? _14 : LineDefaults.thickness;
|
|
197
|
+
var yAxisLabelWidth = (_15 = props.yAxisLabelWidth) !== null && _15 !== void 0 ? _15 : (props.hideYAxisText
|
|
176
198
|
? AxesAndRulesDefaults.yAxisEmptyLabelWidth
|
|
177
199
|
: AxesAndRulesDefaults.yAxisLabelWidth);
|
|
178
|
-
var spacing = (
|
|
179
|
-
? (((
|
|
200
|
+
var spacing = (_16 = props.spacing) !== null && _16 !== void 0 ? _16 : (adjustToWidth
|
|
201
|
+
? (((_17 = props.width) !== null && _17 !== void 0 ? _17 : parentWidth - yAxisLabelWidth) - initialSpacing) /
|
|
180
202
|
Math.max((data0 !== null && data0 !== void 0 ? data0 : data).length - 1, 1)
|
|
181
203
|
: LineDefaults.spacing);
|
|
182
|
-
var xAxisThickness = (
|
|
183
|
-
var dataPointsHeight1 = (
|
|
184
|
-
var dataPointsWidth1 = (
|
|
185
|
-
var dataPointsRadius1 = (
|
|
186
|
-
var dataPointsColor1 = (
|
|
187
|
-
var dataPointsShape1 = (
|
|
188
|
-
var dataPointsHeight2 = (
|
|
189
|
-
var dataPointsWidth2 = (
|
|
190
|
-
var dataPointsRadius2 = (
|
|
191
|
-
var dataPointsColor2 = (
|
|
192
|
-
var dataPointsShape2 = (
|
|
193
|
-
var dataPointsHeight3 = (
|
|
194
|
-
var dataPointsWidth3 = (
|
|
195
|
-
var dataPointsRadius3 = (
|
|
196
|
-
var dataPointsColor3 = (
|
|
197
|
-
var dataPointsShape3 = (
|
|
198
|
-
var dataPointsHeight4 = (
|
|
199
|
-
var dataPointsWidth4 = (
|
|
200
|
-
var dataPointsRadius4 = (
|
|
201
|
-
var dataPointsColor4 = (
|
|
202
|
-
var dataPointsShape4 = (
|
|
203
|
-
var dataPointsHeight5 = (
|
|
204
|
-
var dataPointsWidth5 = (
|
|
205
|
-
var dataPointsRadius5 = (
|
|
206
|
-
var dataPointsColor5 = (
|
|
207
|
-
var dataPointsShape5 = (
|
|
208
|
-
var areaChart =
|
|
209
|
-
var areaChart1 =
|
|
210
|
-
var areaChart2 =
|
|
211
|
-
var areaChart3 =
|
|
212
|
-
var areaChart4 =
|
|
213
|
-
var areaChart5 =
|
|
214
|
-
var atLeastOneAreaChart = (
|
|
204
|
+
var xAxisThickness = (_18 = props.xAxisThickness) !== null && _18 !== void 0 ? _18 : AxesAndRulesDefaults.xAxisThickness;
|
|
205
|
+
var dataPointsHeight1 = (_20 = (_19 = props.dataPointsHeight1) !== null && _19 !== void 0 ? _19 : props.dataPointsHeight) !== null && _20 !== void 0 ? _20 : LineDefaults.dataPointsHeight;
|
|
206
|
+
var dataPointsWidth1 = (_22 = (_21 = props.dataPointsWidth1) !== null && _21 !== void 0 ? _21 : props.dataPointsWidth) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsWidth;
|
|
207
|
+
var dataPointsRadius1 = (_24 = (_23 = props.dataPointsRadius1) !== null && _23 !== void 0 ? _23 : props.dataPointsRadius) !== null && _24 !== void 0 ? _24 : LineDefaults.dataPointsRadius;
|
|
208
|
+
var dataPointsColor1 = (_26 = (_25 = props.dataPointsColor1) !== null && _25 !== void 0 ? _25 : props.dataPointsColor) !== null && _26 !== void 0 ? _26 : LineDefaults.dataPointsColor;
|
|
209
|
+
var dataPointsShape1 = (_28 = (_27 = props.dataPointsShape1) !== null && _27 !== void 0 ? _27 : props.dataPointsShape) !== null && _28 !== void 0 ? _28 : LineDefaults.dataPointsShape;
|
|
210
|
+
var dataPointsHeight2 = (_30 = (_29 = props.dataPointsHeight2) !== null && _29 !== void 0 ? _29 : props.dataPointsHeight) !== null && _30 !== void 0 ? _30 : LineDefaults.dataPointsHeight;
|
|
211
|
+
var dataPointsWidth2 = (_32 = (_31 = props.dataPointsWidth2) !== null && _31 !== void 0 ? _31 : props.dataPointsWidth) !== null && _32 !== void 0 ? _32 : LineDefaults.dataPointsWidth;
|
|
212
|
+
var dataPointsRadius2 = (_34 = (_33 = props.dataPointsRadius2) !== null && _33 !== void 0 ? _33 : props.dataPointsRadius) !== null && _34 !== void 0 ? _34 : LineDefaults.dataPointsRadius;
|
|
213
|
+
var dataPointsColor2 = (_36 = (_35 = props.dataPointsColor2) !== null && _35 !== void 0 ? _35 : props.dataPointsColor) !== null && _36 !== void 0 ? _36 : LineDefaults.dataPointsColor2;
|
|
214
|
+
var dataPointsShape2 = (_38 = (_37 = props.dataPointsShape2) !== null && _37 !== void 0 ? _37 : props.dataPointsShape) !== null && _38 !== void 0 ? _38 : LineDefaults.dataPointsShape;
|
|
215
|
+
var dataPointsHeight3 = (_40 = (_39 = props.dataPointsHeight3) !== null && _39 !== void 0 ? _39 : props.dataPointsHeight) !== null && _40 !== void 0 ? _40 : LineDefaults.dataPointsHeight;
|
|
216
|
+
var dataPointsWidth3 = (_42 = (_41 = props.dataPointsWidth3) !== null && _41 !== void 0 ? _41 : props.dataPointsWidth) !== null && _42 !== void 0 ? _42 : LineDefaults.dataPointsWidth;
|
|
217
|
+
var dataPointsRadius3 = (_44 = (_43 = props.dataPointsRadius3) !== null && _43 !== void 0 ? _43 : props.dataPointsRadius) !== null && _44 !== void 0 ? _44 : LineDefaults.dataPointsRadius;
|
|
218
|
+
var dataPointsColor3 = (_46 = (_45 = props.dataPointsColor3) !== null && _45 !== void 0 ? _45 : props.dataPointsColor) !== null && _46 !== void 0 ? _46 : LineDefaults.dataPointsColor3;
|
|
219
|
+
var dataPointsShape3 = (_48 = (_47 = props.dataPointsShape3) !== null && _47 !== void 0 ? _47 : props.dataPointsShape) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsShape;
|
|
220
|
+
var dataPointsHeight4 = (_50 = (_49 = props.dataPointsHeight4) !== null && _49 !== void 0 ? _49 : props.dataPointsHeight) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsHeight;
|
|
221
|
+
var dataPointsWidth4 = (_52 = (_51 = props.dataPointsWidth4) !== null && _51 !== void 0 ? _51 : props.dataPointsWidth) !== null && _52 !== void 0 ? _52 : LineDefaults.dataPointsWidth;
|
|
222
|
+
var dataPointsRadius4 = (_54 = (_53 = props.dataPointsRadius4) !== null && _53 !== void 0 ? _53 : props.dataPointsRadius) !== null && _54 !== void 0 ? _54 : LineDefaults.dataPointsRadius;
|
|
223
|
+
var dataPointsColor4 = (_56 = (_55 = props.dataPointsColor4) !== null && _55 !== void 0 ? _55 : props.dataPointsColor) !== null && _56 !== void 0 ? _56 : LineDefaults.dataPointsColor;
|
|
224
|
+
var dataPointsShape4 = (_58 = (_57 = props.dataPointsShape4) !== null && _57 !== void 0 ? _57 : props.dataPointsShape) !== null && _58 !== void 0 ? _58 : LineDefaults.dataPointsShape;
|
|
225
|
+
var dataPointsHeight5 = (_60 = (_59 = props.dataPointsHeight5) !== null && _59 !== void 0 ? _59 : props.dataPointsHeight) !== null && _60 !== void 0 ? _60 : LineDefaults.dataPointsHeight;
|
|
226
|
+
var dataPointsWidth5 = (_62 = (_61 = props.dataPointsWidth5) !== null && _61 !== void 0 ? _61 : props.dataPointsWidth) !== null && _62 !== void 0 ? _62 : LineDefaults.dataPointsWidth;
|
|
227
|
+
var dataPointsRadius5 = (_64 = (_63 = props.dataPointsRadius5) !== null && _63 !== void 0 ? _63 : props.dataPointsRadius) !== null && _64 !== void 0 ? _64 : LineDefaults.dataPointsRadius;
|
|
228
|
+
var dataPointsColor5 = (_66 = (_65 = props.dataPointsColor5) !== null && _65 !== void 0 ? _65 : props.dataPointsColor) !== null && _66 !== void 0 ? _66 : LineDefaults.dataPointsColor;
|
|
229
|
+
var dataPointsShape5 = (_68 = (_67 = props.dataPointsShape5) !== null && _67 !== void 0 ? _67 : props.dataPointsShape) !== null && _68 !== void 0 ? _68 : LineDefaults.dataPointsShape;
|
|
230
|
+
var areaChart = props.areaChart;
|
|
231
|
+
var areaChart1 = props.areaChart1;
|
|
232
|
+
var areaChart2 = props.areaChart2;
|
|
233
|
+
var areaChart3 = props.areaChart3;
|
|
234
|
+
var areaChart4 = props.areaChart4;
|
|
235
|
+
var areaChart5 = props.areaChart5;
|
|
236
|
+
var atLeastOneAreaChart = (dataSet === null || dataSet === void 0 ? void 0 : dataSet.some(function (set) { return set.areaChart; })) ||
|
|
237
|
+
areaChart ||
|
|
238
|
+
areaChart1 ||
|
|
239
|
+
areaChart2 ||
|
|
240
|
+
areaChart3 ||
|
|
241
|
+
areaChart4 ||
|
|
242
|
+
areaChart5;
|
|
215
243
|
var getIsNthAreaChart = function (n) {
|
|
216
244
|
if (areaChart)
|
|
217
245
|
return true;
|
|
218
246
|
if (!(dataSet === null || dataSet === void 0 ? void 0 : dataSet.length)) {
|
|
219
247
|
switch (n) {
|
|
220
248
|
case 0:
|
|
221
|
-
return areaChart1;
|
|
249
|
+
return areaChart1 !== null && areaChart1 !== void 0 ? areaChart1 : false;
|
|
222
250
|
case 1:
|
|
223
|
-
return areaChart2;
|
|
251
|
+
return areaChart2 !== null && areaChart2 !== void 0 ? areaChart2 : false;
|
|
224
252
|
case 2:
|
|
225
|
-
return areaChart3;
|
|
253
|
+
return areaChart3 !== null && areaChart3 !== void 0 ? areaChart3 : false;
|
|
226
254
|
case 3:
|
|
227
|
-
return areaChart4;
|
|
255
|
+
return areaChart4 !== null && areaChart4 !== void 0 ? areaChart4 : false;
|
|
228
256
|
case 4:
|
|
229
|
-
return areaChart5;
|
|
257
|
+
return areaChart5 !== null && areaChart5 !== void 0 ? areaChart5 : false;
|
|
230
258
|
}
|
|
231
259
|
}
|
|
232
260
|
return false;
|
|
233
261
|
};
|
|
234
|
-
var stepChart = (
|
|
235
|
-
var stepChart1 = (
|
|
236
|
-
var stepChart2 = (
|
|
237
|
-
var stepChart3 = (
|
|
238
|
-
var stepChart4 = (
|
|
239
|
-
var stepChart5 = (
|
|
240
|
-
var edgePosition = (
|
|
241
|
-
var textFontSize1 = (
|
|
242
|
-
var textFontSize2 = (
|
|
243
|
-
var textFontSize3 = (
|
|
244
|
-
var textFontSize4 = (
|
|
245
|
-
var textFontSize5 = (
|
|
246
|
-
var textColor1 = (
|
|
247
|
-
var textColor2 = (
|
|
248
|
-
var textColor3 = (
|
|
249
|
-
var textColor4 = (
|
|
250
|
-
var textColor5 = (
|
|
262
|
+
var stepChart = (_69 = props.stepChart) !== null && _69 !== void 0 ? _69 : false;
|
|
263
|
+
var stepChart1 = (_70 = props.stepChart1) !== null && _70 !== void 0 ? _70 : false;
|
|
264
|
+
var stepChart2 = (_71 = props.stepChart2) !== null && _71 !== void 0 ? _71 : false;
|
|
265
|
+
var stepChart3 = (_72 = props.stepChart3) !== null && _72 !== void 0 ? _72 : false;
|
|
266
|
+
var stepChart4 = (_73 = props.stepChart4) !== null && _73 !== void 0 ? _73 : false;
|
|
267
|
+
var stepChart5 = (_74 = props.stepChart5) !== null && _74 !== void 0 ? _74 : false;
|
|
268
|
+
var edgePosition = (_75 = props.edgePosition) !== null && _75 !== void 0 ? _75 : LineDefaults.edgePosition;
|
|
269
|
+
var textFontSize1 = (_77 = (_76 = props.textFontSize1) !== null && _76 !== void 0 ? _76 : props.textFontSize) !== null && _77 !== void 0 ? _77 : LineDefaults.textFontSize;
|
|
270
|
+
var textFontSize2 = (_79 = (_78 = props.textFontSize2) !== null && _78 !== void 0 ? _78 : props.textFontSize) !== null && _79 !== void 0 ? _79 : LineDefaults.textFontSize;
|
|
271
|
+
var textFontSize3 = (_81 = (_80 = props.textFontSize3) !== null && _80 !== void 0 ? _80 : props.textFontSize) !== null && _81 !== void 0 ? _81 : LineDefaults.textFontSize;
|
|
272
|
+
var textFontSize4 = (_83 = (_82 = props.textFontSize4) !== null && _82 !== void 0 ? _82 : props.textFontSize) !== null && _83 !== void 0 ? _83 : LineDefaults.textFontSize;
|
|
273
|
+
var textFontSize5 = (_85 = (_84 = props.textFontSize5) !== null && _84 !== void 0 ? _84 : props.textFontSize) !== null && _85 !== void 0 ? _85 : LineDefaults.textFontSize;
|
|
274
|
+
var textColor1 = (_87 = (_86 = props.textColor1) !== null && _86 !== void 0 ? _86 : props.textColor) !== null && _87 !== void 0 ? _87 : LineDefaults.textColor;
|
|
275
|
+
var textColor2 = (_89 = (_88 = props.textColor2) !== null && _88 !== void 0 ? _88 : props.textColor) !== null && _89 !== void 0 ? _89 : LineDefaults.textColor;
|
|
276
|
+
var textColor3 = (_91 = (_90 = props.textColor3) !== null && _90 !== void 0 ? _90 : props.textColor) !== null && _91 !== void 0 ? _91 : LineDefaults.textColor;
|
|
277
|
+
var textColor4 = (_93 = (_92 = props.textColor4) !== null && _92 !== void 0 ? _92 : props.textColor) !== null && _93 !== void 0 ? _93 : LineDefaults.textColor;
|
|
278
|
+
var textColor5 = (_95 = (_94 = props.textColor5) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
251
279
|
var mergedPrimaryDataArrays = [];
|
|
252
280
|
var mergedSecondaryDataArrays = [];
|
|
253
281
|
var maxSpacingSum = 0; // max of spacingSum among all the lines
|
|
254
282
|
var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
|
|
255
|
-
var cumulativeSpacingForSet = Array((
|
|
283
|
+
var cumulativeSpacingForSet = Array((_96 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) !== null && _96 !== void 0 ? _96 : 0).fill([]);
|
|
256
284
|
var strips = {};
|
|
257
285
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
258
286
|
dataSet.forEach(function (set, key) {
|
|
@@ -281,7 +309,7 @@ export var useLineChart = function (props) {
|
|
|
281
309
|
}
|
|
282
310
|
else {
|
|
283
311
|
var spacingSum_1 = 0;
|
|
284
|
-
var space_1 = (
|
|
312
|
+
var space_1 = (_97 = props.spacing1) !== null && _97 !== void 0 ? _97 : spacing;
|
|
285
313
|
data.forEach(function (item, index) {
|
|
286
314
|
var _a, _b;
|
|
287
315
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -296,7 +324,7 @@ export var useLineChart = function (props) {
|
|
|
296
324
|
}
|
|
297
325
|
if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
|
|
298
326
|
spacingSum_1 = 0;
|
|
299
|
-
space_1 = (
|
|
327
|
+
space_1 = (_98 = props.spacing2) !== null && _98 !== void 0 ? _98 : spacing;
|
|
300
328
|
data2.forEach(function (item, index) {
|
|
301
329
|
var _a, _b;
|
|
302
330
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -312,7 +340,7 @@ export var useLineChart = function (props) {
|
|
|
312
340
|
}
|
|
313
341
|
if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
|
|
314
342
|
spacingSum_1 = 0;
|
|
315
|
-
space_1 = (
|
|
343
|
+
space_1 = (_99 = props.spacing3) !== null && _99 !== void 0 ? _99 : spacing;
|
|
316
344
|
data3.forEach(function (item, index) {
|
|
317
345
|
var _a, _b;
|
|
318
346
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -328,7 +356,7 @@ export var useLineChart = function (props) {
|
|
|
328
356
|
}
|
|
329
357
|
if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
|
|
330
358
|
spacingSum_1 = 0;
|
|
331
|
-
space_1 = (
|
|
359
|
+
space_1 = (_100 = props.spacing4) !== null && _100 !== void 0 ? _100 : spacing;
|
|
332
360
|
data4.forEach(function (item, index) {
|
|
333
361
|
var _a, _b;
|
|
334
362
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -344,7 +372,7 @@ export var useLineChart = function (props) {
|
|
|
344
372
|
}
|
|
345
373
|
if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
|
|
346
374
|
spacingSum_1 = 0;
|
|
347
|
-
space_1 = (
|
|
375
|
+
space_1 = (_101 = props.spacing5) !== null && _101 !== void 0 ? _101 : spacing;
|
|
348
376
|
data5.forEach(function (item, index) {
|
|
349
377
|
var _a, _b;
|
|
350
378
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -360,7 +388,7 @@ export var useLineChart = function (props) {
|
|
|
360
388
|
}
|
|
361
389
|
if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
|
|
362
390
|
spacingSum_1 = 0;
|
|
363
|
-
space_1 = (
|
|
391
|
+
space_1 = (_103 = (_102 = props.secondaryLineConfig) === null || _102 === void 0 ? void 0 : _102.spacing) !== null && _103 !== void 0 ? _103 : spacing;
|
|
364
392
|
secondaryData.forEach(function (item) {
|
|
365
393
|
var _a;
|
|
366
394
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -380,12 +408,12 @@ export var useLineChart = function (props) {
|
|
|
380
408
|
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
381
409
|
Math.min.apply(// find the largest +ve number
|
|
382
410
|
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
383
|
-
var showFractionalValues = (
|
|
384
|
-
var roundToDigits = (
|
|
385
|
-
var
|
|
411
|
+
var showFractionalValues = (_104 = props.showFractionalValues) !== null && _104 !== void 0 ? _104 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
412
|
+
var roundToDigits = (_105 = props.roundToDigits) !== null && _105 !== void 0 ? _105 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
413
|
+
var _357 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _357.maxItem, minItem = _357.minItem;
|
|
386
414
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
387
|
-
var mostNegativeValue = (
|
|
388
|
-
var overflowTop = ((
|
|
415
|
+
var mostNegativeValue = (_106 = props.mostNegativeValue) !== null && _106 !== void 0 ? _106 : minItem;
|
|
416
|
+
var overflowTop = ((_107 = props.overflowTop) !== null && _107 !== void 0 ? _107 : props.secondaryXAxis)
|
|
389
417
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
390
418
|
: AxesAndRulesDefaults.overflowTop;
|
|
391
419
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
@@ -398,100 +426,100 @@ export var useLineChart = function (props) {
|
|
|
398
426
|
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
399
427
|
Math.min.apply(// find the largest +ve number
|
|
400
428
|
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
401
|
-
var showSecondaryFractionalValues = (
|
|
402
|
-
var secondaryRoundToDigits = (
|
|
429
|
+
var showSecondaryFractionalValues = (_109 = (_108 = props.secondaryYAxis) === null || _108 === void 0 ? void 0 : _108.showFractionalValues) !== null && _109 !== void 0 ? _109 : secondaryValuesRange <= 1;
|
|
430
|
+
var secondaryRoundToDigits = (_111 = (_110 = props.secondaryYAxis) === null || _110 === void 0 ? void 0 : _110.roundToDigits) !== null && _111 !== void 0 ? _111 : (showSecondaryFractionalValues
|
|
403
431
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
404
432
|
: 0);
|
|
405
|
-
var
|
|
406
|
-
var secondaryMaxValue = (
|
|
433
|
+
var _358 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _358.maxItem, secondaryMinItem = _358.minItem;
|
|
434
|
+
var secondaryMaxValue = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.maxValue) !== null && _113 !== void 0 ? _113 : (secondaryMaxItem || maxValue);
|
|
407
435
|
var getSecondaryY = function (value) {
|
|
408
436
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
409
437
|
};
|
|
410
438
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
411
|
-
var showValuesAsDataPointsText = (
|
|
412
|
-
var thickness1 = (
|
|
413
|
-
var thickness2 = (
|
|
414
|
-
var thickness3 = (
|
|
415
|
-
var thickness4 = (
|
|
416
|
-
var thickness5 = (
|
|
417
|
-
var zIndex1 = (
|
|
418
|
-
var zIndex2 = (
|
|
419
|
-
var zIndex3 = (
|
|
420
|
-
var zIndex4 = (
|
|
421
|
-
var zIndex5 = (
|
|
422
|
-
var strokeDashArray1 = (
|
|
423
|
-
var strokeDashArray2 = (
|
|
424
|
-
var strokeDashArray3 = (
|
|
425
|
-
var strokeDashArray4 = (
|
|
426
|
-
var strokeDashArray5 = (
|
|
427
|
-
var rotateLabel = (
|
|
428
|
-
var isAnimated = (
|
|
429
|
-
var hideDataPoints1 = (
|
|
430
|
-
var hideDataPoints2 = (
|
|
431
|
-
var hideDataPoints3 = (
|
|
432
|
-
var hideDataPoints4 = (
|
|
433
|
-
var hideDataPoints5 = (
|
|
434
|
-
var color1 = (
|
|
435
|
-
var color2 = (
|
|
436
|
-
var color3 = (
|
|
437
|
-
var color4 = (
|
|
438
|
-
var color5 = (
|
|
439
|
-
var startFillColor1 = (
|
|
440
|
-
var endFillColor1 = (
|
|
441
|
-
var startOpacity = (
|
|
442
|
-
var endOpacity = (
|
|
443
|
-
var startOpacity1 = (
|
|
444
|
-
var endOpacity1 = (
|
|
445
|
-
var startFillColor2 = (
|
|
446
|
-
var endFillColor2 = (
|
|
447
|
-
var startOpacity2 = (
|
|
448
|
-
var endOpacity2 = (
|
|
449
|
-
var startFillColor3 = (
|
|
450
|
-
var endFillColor3 = (
|
|
451
|
-
var startOpacity3 = (
|
|
452
|
-
var endOpacity3 = (
|
|
453
|
-
var startFillColor4 = (
|
|
454
|
-
var endFillColor4 = (
|
|
455
|
-
var startOpacity4 = (
|
|
456
|
-
var endOpacity4 = (
|
|
457
|
-
var startFillColor5 = (
|
|
458
|
-
var endFillColor5 = (
|
|
459
|
-
var startOpacity5 = (
|
|
460
|
-
var endOpacity5 = (
|
|
461
|
-
defaultArrowConfig.strokeWidth = (
|
|
462
|
-
defaultArrowConfig.strokeColor = (
|
|
463
|
-
var
|
|
439
|
+
var showValuesAsDataPointsText = (_114 = props.showValuesAsDataPointsText) !== null && _114 !== void 0 ? _114 : LineDefaults.showValuesAsDataPointsText;
|
|
440
|
+
var thickness1 = (_116 = (_115 = props.thickness1) !== null && _115 !== void 0 ? _115 : props.thickness) !== null && _116 !== void 0 ? _116 : LineDefaults.thickness;
|
|
441
|
+
var thickness2 = (_118 = (_117 = props.thickness2) !== null && _117 !== void 0 ? _117 : props.thickness) !== null && _118 !== void 0 ? _118 : LineDefaults.thickness;
|
|
442
|
+
var thickness3 = (_120 = (_119 = props.thickness3) !== null && _119 !== void 0 ? _119 : props.thickness) !== null && _120 !== void 0 ? _120 : LineDefaults.thickness;
|
|
443
|
+
var thickness4 = (_122 = (_121 = props.thickness4) !== null && _121 !== void 0 ? _121 : props.thickness) !== null && _122 !== void 0 ? _122 : LineDefaults.thickness;
|
|
444
|
+
var thickness5 = (_124 = (_123 = props.thickness5) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
445
|
+
var zIndex1 = (_125 = props.zIndex1) !== null && _125 !== void 0 ? _125 : 0;
|
|
446
|
+
var zIndex2 = (_126 = props.zIndex2) !== null && _126 !== void 0 ? _126 : 0;
|
|
447
|
+
var zIndex3 = (_127 = props.zIndex3) !== null && _127 !== void 0 ? _127 : 0;
|
|
448
|
+
var zIndex4 = (_128 = props.zIndex4) !== null && _128 !== void 0 ? _128 : 0;
|
|
449
|
+
var zIndex5 = (_129 = props.zIndex5) !== null && _129 !== void 0 ? _129 : 0;
|
|
450
|
+
var strokeDashArray1 = (_130 = props.strokeDashArray1) !== null && _130 !== void 0 ? _130 : props.strokeDashArray;
|
|
451
|
+
var strokeDashArray2 = (_131 = props.strokeDashArray2) !== null && _131 !== void 0 ? _131 : props.strokeDashArray;
|
|
452
|
+
var strokeDashArray3 = (_132 = props.strokeDashArray3) !== null && _132 !== void 0 ? _132 : props.strokeDashArray;
|
|
453
|
+
var strokeDashArray4 = (_133 = props.strokeDashArray4) !== null && _133 !== void 0 ? _133 : props.strokeDashArray;
|
|
454
|
+
var strokeDashArray5 = (_134 = props.strokeDashArray5) !== null && _134 !== void 0 ? _134 : props.strokeDashArray;
|
|
455
|
+
var rotateLabel = (_135 = props.rotateLabel) !== null && _135 !== void 0 ? _135 : false;
|
|
456
|
+
var isAnimated = (_136 = props.isAnimated) !== null && _136 !== void 0 ? _136 : false;
|
|
457
|
+
var hideDataPoints1 = (_138 = (_137 = props.hideDataPoints) !== null && _137 !== void 0 ? _137 : props.hideDataPoints1) !== null && _138 !== void 0 ? _138 : false;
|
|
458
|
+
var hideDataPoints2 = (_140 = (_139 = props.hideDataPoints) !== null && _139 !== void 0 ? _139 : props.hideDataPoints2) !== null && _140 !== void 0 ? _140 : false;
|
|
459
|
+
var hideDataPoints3 = (_142 = (_141 = props.hideDataPoints) !== null && _141 !== void 0 ? _141 : props.hideDataPoints3) !== null && _142 !== void 0 ? _142 : false;
|
|
460
|
+
var hideDataPoints4 = (_144 = (_143 = props.hideDataPoints) !== null && _143 !== void 0 ? _143 : props.hideDataPoints4) !== null && _144 !== void 0 ? _144 : false;
|
|
461
|
+
var hideDataPoints5 = (_146 = (_145 = props.hideDataPoints) !== null && _145 !== void 0 ? _145 : props.hideDataPoints5) !== null && _146 !== void 0 ? _146 : false;
|
|
462
|
+
var color1 = (_148 = (_147 = props.color1) !== null && _147 !== void 0 ? _147 : props.color) !== null && _148 !== void 0 ? _148 : LineDefaults.color;
|
|
463
|
+
var color2 = (_150 = (_149 = props.color2) !== null && _149 !== void 0 ? _149 : props.color) !== null && _150 !== void 0 ? _150 : LineDefaults.color;
|
|
464
|
+
var color3 = (_152 = (_151 = props.color3) !== null && _151 !== void 0 ? _151 : props.color) !== null && _152 !== void 0 ? _152 : LineDefaults.color;
|
|
465
|
+
var color4 = (_154 = (_153 = props.color4) !== null && _153 !== void 0 ? _153 : props.color) !== null && _154 !== void 0 ? _154 : LineDefaults.color;
|
|
466
|
+
var color5 = (_156 = (_155 = props.color5) !== null && _155 !== void 0 ? _155 : props.color) !== null && _156 !== void 0 ? _156 : LineDefaults.color;
|
|
467
|
+
var startFillColor1 = (_158 = (_157 = props.startFillColor1) !== null && _157 !== void 0 ? _157 : props.startFillColor) !== null && _158 !== void 0 ? _158 : LineDefaults.startFillColor;
|
|
468
|
+
var endFillColor1 = (_160 = (_159 = props.endFillColor1) !== null && _159 !== void 0 ? _159 : props.endFillColor) !== null && _160 !== void 0 ? _160 : LineDefaults.endFillColor;
|
|
469
|
+
var startOpacity = (_161 = props.startOpacity) !== null && _161 !== void 0 ? _161 : LineDefaults.startOpacity;
|
|
470
|
+
var endOpacity = (_162 = props.endOpacity) !== null && _162 !== void 0 ? _162 : LineDefaults.endOpacity;
|
|
471
|
+
var startOpacity1 = (_163 = props.startOpacity1) !== null && _163 !== void 0 ? _163 : startOpacity;
|
|
472
|
+
var endOpacity1 = (_164 = props.endOpacity1) !== null && _164 !== void 0 ? _164 : endOpacity;
|
|
473
|
+
var startFillColor2 = (_166 = (_165 = props.startFillColor2) !== null && _165 !== void 0 ? _165 : props.startFillColor) !== null && _166 !== void 0 ? _166 : LineDefaults.startFillColor;
|
|
474
|
+
var endFillColor2 = (_168 = (_167 = props.endFillColor2) !== null && _167 !== void 0 ? _167 : props.endFillColor) !== null && _168 !== void 0 ? _168 : LineDefaults.endFillColor;
|
|
475
|
+
var startOpacity2 = (_169 = props.startOpacity2) !== null && _169 !== void 0 ? _169 : startOpacity;
|
|
476
|
+
var endOpacity2 = (_170 = props.endOpacity2) !== null && _170 !== void 0 ? _170 : endOpacity;
|
|
477
|
+
var startFillColor3 = (_172 = (_171 = props.startFillColor3) !== null && _171 !== void 0 ? _171 : props.startFillColor) !== null && _172 !== void 0 ? _172 : LineDefaults.startFillColor;
|
|
478
|
+
var endFillColor3 = (_174 = (_173 = props.endFillColor3) !== null && _173 !== void 0 ? _173 : props.endFillColor) !== null && _174 !== void 0 ? _174 : LineDefaults.endFillColor;
|
|
479
|
+
var startOpacity3 = (_175 = props.startOpacity3) !== null && _175 !== void 0 ? _175 : startOpacity;
|
|
480
|
+
var endOpacity3 = (_176 = props.endOpacity3) !== null && _176 !== void 0 ? _176 : endOpacity;
|
|
481
|
+
var startFillColor4 = (_178 = (_177 = props.startFillColor4) !== null && _177 !== void 0 ? _177 : props.startFillColor) !== null && _178 !== void 0 ? _178 : LineDefaults.startFillColor;
|
|
482
|
+
var endFillColor4 = (_180 = (_179 = props.endFillColor4) !== null && _179 !== void 0 ? _179 : props.endFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.endFillColor;
|
|
483
|
+
var startOpacity4 = (_181 = props.startOpacity4) !== null && _181 !== void 0 ? _181 : startOpacity;
|
|
484
|
+
var endOpacity4 = (_182 = props.endOpacity4) !== null && _182 !== void 0 ? _182 : endOpacity;
|
|
485
|
+
var startFillColor5 = (_184 = (_183 = props.startFillColor5) !== null && _183 !== void 0 ? _183 : props.startFillColor) !== null && _184 !== void 0 ? _184 : LineDefaults.startFillColor;
|
|
486
|
+
var endFillColor5 = (_186 = (_185 = props.endFillColor5) !== null && _185 !== void 0 ? _185 : props.endFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.endFillColor;
|
|
487
|
+
var startOpacity5 = (_187 = props.startOpacity5) !== null && _187 !== void 0 ? _187 : startOpacity;
|
|
488
|
+
var endOpacity5 = (_188 = props.endOpacity5) !== null && _188 !== void 0 ? _188 : endOpacity;
|
|
489
|
+
defaultArrowConfig.strokeWidth = (_190 = (_189 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _189 === void 0 ? void 0 : _189.thickness) !== null && _190 !== void 0 ? _190 : thickness1;
|
|
490
|
+
defaultArrowConfig.strokeColor = (_192 = (_191 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _191 === void 0 ? void 0 : _191.color) !== null && _192 !== void 0 ? _192 : color1;
|
|
491
|
+
var _359 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _359.arrowLength1, arrowWidth1 = _359.arrowWidth1, arrowStrokeWidth1 = _359.arrowStrokeWidth1, arrowStrokeColor1 = _359.arrowStrokeColor1, arrowFillColor1 = _359.arrowFillColor1, showArrowBase1 = _359.showArrowBase1, arrowLength2 = _359.arrowLength2, arrowWidth2 = _359.arrowWidth2, arrowStrokeWidth2 = _359.arrowStrokeWidth2, arrowStrokeColor2 = _359.arrowStrokeColor2, arrowFillColor2 = _359.arrowFillColor2, showArrowBase2 = _359.showArrowBase2, arrowLength3 = _359.arrowLength3, arrowWidth3 = _359.arrowWidth3, arrowStrokeWidth3 = _359.arrowStrokeWidth3, arrowStrokeColor3 = _359.arrowStrokeColor3, arrowFillColor3 = _359.arrowFillColor3, showArrowBase3 = _359.showArrowBase3, arrowLength4 = _359.arrowLength4, arrowWidth4 = _359.arrowWidth4, arrowStrokeWidth4 = _359.arrowStrokeWidth4, arrowStrokeColor4 = _359.arrowStrokeColor4, arrowFillColor4 = _359.arrowFillColor4, showArrowBase4 = _359.showArrowBase4, arrowLength5 = _359.arrowLength5, arrowWidth5 = _359.arrowWidth5, arrowStrokeWidth5 = _359.arrowStrokeWidth5, arrowStrokeColor5 = _359.arrowStrokeColor5, arrowFillColor5 = _359.arrowFillColor5, showArrowBase5 = _359.showArrowBase5, arrowLengthsFromSet = _359.arrowLengthsFromSet, arrowWidthsFromSet = _359.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _359.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _359.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _359.arrowFillColorsFromSet, showArrowBasesFromSet = _359.showArrowBasesFromSet;
|
|
464
492
|
var secondaryLineConfig = {
|
|
465
|
-
zIndex: (
|
|
466
|
-
curved: (
|
|
467
|
-
curvature: (
|
|
468
|
-
curveType: (
|
|
469
|
-
areaChart: (
|
|
470
|
-
color: (
|
|
471
|
-
thickness: (
|
|
472
|
-
zIndex1: (
|
|
473
|
-
strokeDashArray: (
|
|
474
|
-
startIndex: (
|
|
475
|
-
endIndex: (
|
|
476
|
-
hideDataPoints: (
|
|
477
|
-
dataPointsHeight: (
|
|
478
|
-
dataPointsWidth: (
|
|
479
|
-
dataPointsRadius: (
|
|
480
|
-
dataPointsColor: (
|
|
481
|
-
dataPointsShape: (
|
|
482
|
-
showValuesAsDataPointsText: (
|
|
483
|
-
startFillColor: (
|
|
484
|
-
endFillColor: (
|
|
485
|
-
startOpacity: (
|
|
486
|
-
endOpacity: (
|
|
487
|
-
textFontSize: (
|
|
488
|
-
textColor: (
|
|
489
|
-
showArrow: (
|
|
490
|
-
arrowConfig: (
|
|
493
|
+
zIndex: (_194 = (_193 = props.secondaryLineConfig) === null || _193 === void 0 ? void 0 : _193.zIndex) !== null && _194 !== void 0 ? _194 : zIndex1,
|
|
494
|
+
curved: (_196 = (_195 = props.secondaryLineConfig) === null || _195 === void 0 ? void 0 : _195.curved) !== null && _196 !== void 0 ? _196 : props.curved,
|
|
495
|
+
curvature: (_198 = (_197 = props.secondaryLineConfig) === null || _197 === void 0 ? void 0 : _197.curvature) !== null && _198 !== void 0 ? _198 : curvature,
|
|
496
|
+
curveType: (_200 = (_199 = props.secondaryLineConfig) === null || _199 === void 0 ? void 0 : _199.curveType) !== null && _200 !== void 0 ? _200 : curveType,
|
|
497
|
+
areaChart: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.areaChart) !== null && _202 !== void 0 ? _202 : areaChart,
|
|
498
|
+
color: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1,
|
|
499
|
+
thickness: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.thickness) !== null && _206 !== void 0 ? _206 : thickness1,
|
|
500
|
+
zIndex1: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.zIndex1) !== null && _208 !== void 0 ? _208 : zIndex1,
|
|
501
|
+
strokeDashArray: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.strokeDashArray) !== null && _210 !== void 0 ? _210 : strokeDashArray1,
|
|
502
|
+
startIndex: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.startIndex) !== null && _212 !== void 0 ? _212 : startIndex1,
|
|
503
|
+
endIndex: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.endIndex) !== null && _214 !== void 0 ? _214 : endIndex1,
|
|
504
|
+
hideDataPoints: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.hideDataPoints) !== null && _216 !== void 0 ? _216 : hideDataPoints1,
|
|
505
|
+
dataPointsHeight: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.dataPointsHeight) !== null && _218 !== void 0 ? _218 : dataPointsHeight1,
|
|
506
|
+
dataPointsWidth: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.dataPointsWidth) !== null && _220 !== void 0 ? _220 : dataPointsWidth1,
|
|
507
|
+
dataPointsRadius: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.dataPointsRadius) !== null && _222 !== void 0 ? _222 : dataPointsRadius1,
|
|
508
|
+
dataPointsColor: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.dataPointsColor) !== null && _224 !== void 0 ? _224 : dataPointsColor1,
|
|
509
|
+
dataPointsShape: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.dataPointsShape) !== null && _226 !== void 0 ? _226 : dataPointsShape1,
|
|
510
|
+
showValuesAsDataPointsText: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.showValuesAsDataPointsText) !== null && _228 !== void 0 ? _228 : showValuesAsDataPointsText,
|
|
511
|
+
startFillColor: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.startFillColor) !== null && _230 !== void 0 ? _230 : startFillColor1,
|
|
512
|
+
endFillColor: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.endFillColor) !== null && _232 !== void 0 ? _232 : endFillColor1,
|
|
513
|
+
startOpacity: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.startOpacity) !== null && _234 !== void 0 ? _234 : startOpacity1,
|
|
514
|
+
endOpacity: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.endOpacity) !== null && _236 !== void 0 ? _236 : endOpacity1,
|
|
515
|
+
textFontSize: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.textFontSize) !== null && _238 !== void 0 ? _238 : textFontSize1,
|
|
516
|
+
textColor: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.textColor) !== null && _240 !== void 0 ? _240 : textColor1,
|
|
517
|
+
showArrow: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.showArrow) !== null && _242 !== void 0 ? _242 : props.showArrows,
|
|
518
|
+
arrowConfig: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.arrowConfig) !== null && _244 !== void 0 ? _244 : props.arrowConfig
|
|
491
519
|
};
|
|
492
520
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
493
521
|
? 0
|
|
494
|
-
: (
|
|
522
|
+
: (_245 = props.yAxisExtraHeight) !== null && _245 !== void 0 ? _245 : containerHeight / 20;
|
|
495
523
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
496
524
|
return ('M ' +
|
|
497
525
|
initialSpacing +
|
|
@@ -557,12 +585,17 @@ export var useLineChart = function (props) {
|
|
|
557
585
|
var arrowPointsArray_1 = [];
|
|
558
586
|
var fillPointsArray_1 = [];
|
|
559
587
|
dataSet.map(function (set, index) {
|
|
560
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
561
|
-
|
|
588
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
589
|
+
var setSegments = !interpolateMissingValues
|
|
590
|
+
? getLineSegmentsForMissingValues((_a = props.dataSet) === null || _a === void 0 ? void 0 : _a[index].data)
|
|
591
|
+
: !extrapolateMissingValues
|
|
592
|
+
? getLineSegmentsDueToNoExtrapolation((_b = props.dataSet) === null || _b === void 0 ? void 0 : _b[index].data)
|
|
593
|
+
: set.lineSegments;
|
|
594
|
+
if ((_c = set.curved) !== null && _c !== void 0 ? _c : props.curved) {
|
|
562
595
|
var pArray = [];
|
|
563
596
|
for (var i = 0; i < set.data.length; i++) {
|
|
564
|
-
if (i >= ((
|
|
565
|
-
i <= ((
|
|
597
|
+
if (i >= ((_d = set.startIndex) !== null && _d !== void 0 ? _d : 0) &&
|
|
598
|
+
i <= ((_e = set.endIndex) !== null && _e !== void 0 ? _e : set.data.length - 1)) {
|
|
566
599
|
pArray.push([
|
|
567
600
|
getX(cumulativeSpacingForSet[index], i),
|
|
568
601
|
set.isSecondary
|
|
@@ -571,10 +604,11 @@ export var useLineChart = function (props) {
|
|
|
571
604
|
]);
|
|
572
605
|
}
|
|
573
606
|
}
|
|
574
|
-
var xx = svgPath(pArray, (
|
|
575
|
-
pointsArray_1.push(getCurvePathWithSegments(xx, set.lineSegments,
|
|
607
|
+
var xx = svgPath(pArray, (_f = set.curveType) !== null && _f !== void 0 ? _f : curveType, (_g = set.curvature) !== null && _g !== void 0 ? _g : curvature);
|
|
608
|
+
pointsArray_1.push(getCurvePathWithSegments(xx, setSegments, //set.lineSegments,
|
|
609
|
+
SEGMENT_START, SEGMENT_END, curveType));
|
|
576
610
|
// For Arrow-
|
|
577
|
-
if (set.data.length > 1 && ((
|
|
611
|
+
if (set.data.length > 1 && ((_h = set.showArrow) !== null && _h !== void 0 ? _h : props.showArrows)) {
|
|
578
612
|
var arrowTipY = pArray[pArray.length - 1][1];
|
|
579
613
|
var arrowTipX = pArray[pArray.length - 1][0];
|
|
580
614
|
var y1 = pArray[pArray.length - 2][1];
|
|
@@ -583,7 +617,7 @@ export var useLineChart = function (props) {
|
|
|
583
617
|
arrowPointsArray_1.push(arrowPoints);
|
|
584
618
|
}
|
|
585
619
|
// For Area charts-
|
|
586
|
-
if (((
|
|
620
|
+
if (((_j = set.areaChart) !== null && _j !== void 0 ? _j : areaChart) && set.data.length > 0) {
|
|
587
621
|
xx = addLeadingAndTrailingPathForAreaFill(xx, set.data[0].value, set.data.length);
|
|
588
622
|
fillPointsArray_1.push(xx);
|
|
589
623
|
}
|
|
@@ -591,19 +625,20 @@ export var useLineChart = function (props) {
|
|
|
591
625
|
else {
|
|
592
626
|
var pp = '';
|
|
593
627
|
for (var i = 0; i < set.data.length; i++) {
|
|
594
|
-
if (i >= ((
|
|
595
|
-
i <= ((
|
|
596
|
-
if ((
|
|
628
|
+
if (i >= ((_k = set.startIndex) !== null && _k !== void 0 ? _k : 0) &&
|
|
629
|
+
i <= ((_l = set.endIndex) !== null && _l !== void 0 ? _l : set.data.length - 1)) {
|
|
630
|
+
if ((_m = set.stepChart) !== null && _m !== void 0 ? _m : stepChart) {
|
|
597
631
|
pp += getStepPath(set.data, i, cumulativeSpacingForSet[index]);
|
|
598
632
|
}
|
|
599
633
|
else {
|
|
600
|
-
pp += getSegmentPath(set.data, i,
|
|
634
|
+
pp += getSegmentPath(set.data, i, setSegments, //set.lineSegments,
|
|
635
|
+
(_o = set.startIndex) !== null && _o !== void 0 ? _o : 0, (_p = set.endIndex) !== null && _p !== void 0 ? _p : set.data.length - 1, cumulativeSpacingForSet[index], set.isSecondary);
|
|
601
636
|
}
|
|
602
637
|
}
|
|
603
638
|
}
|
|
604
639
|
pointsArray_1.push(pp.replace('L', 'M'));
|
|
605
640
|
// For Arrow-
|
|
606
|
-
if (set.data.length > 1 && ((
|
|
641
|
+
if (set.data.length > 1 && ((_q = set.showArrow) !== null && _q !== void 0 ? _q : props.showArrows)) {
|
|
607
642
|
var ppArray = pp.trim().split(' ');
|
|
608
643
|
var arrowTipY = parseInt(ppArray[ppArray.length - 1]);
|
|
609
644
|
var arrowTipX = parseInt(ppArray[ppArray.length - 2].replace('L', ''));
|
|
@@ -613,7 +648,7 @@ export var useLineChart = function (props) {
|
|
|
613
648
|
arrowPointsArray_1.push(arrowPoints);
|
|
614
649
|
}
|
|
615
650
|
// For Area charts-
|
|
616
|
-
if (((
|
|
651
|
+
if (((_r = set.areaChart) !== null && _r !== void 0 ? _r : areaChart) && set.data.length > 0) {
|
|
617
652
|
var ppp = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
618
653
|
ppp += pp;
|
|
619
654
|
ppp +=
|
|
@@ -740,7 +775,7 @@ export var useLineChart = function (props) {
|
|
|
740
775
|
var ppp3 = '';
|
|
741
776
|
var ppp4 = '';
|
|
742
777
|
var ppp5 = '';
|
|
743
|
-
if ((
|
|
778
|
+
if ((areaChart1 !== null && areaChart1 !== void 0 ? areaChart1 : areaChart) && data.length > 0) {
|
|
744
779
|
ppp = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
745
780
|
ppp += pp;
|
|
746
781
|
ppp +=
|
|
@@ -751,7 +786,7 @@ export var useLineChart = function (props) {
|
|
|
751
786
|
ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
752
787
|
setFillPoints(ppp.replace('L', 'M'));
|
|
753
788
|
}
|
|
754
|
-
if ((
|
|
789
|
+
if ((areaChart2 !== null && areaChart2 !== void 0 ? areaChart2 : areaChart) && data2.length > 0) {
|
|
755
790
|
ppp2 = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
756
791
|
ppp2 += pp2;
|
|
757
792
|
ppp2 +=
|
|
@@ -762,7 +797,7 @@ export var useLineChart = function (props) {
|
|
|
762
797
|
ppp2 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
763
798
|
setFillPoints2(ppp2.replace('L', 'M'));
|
|
764
799
|
}
|
|
765
|
-
if ((
|
|
800
|
+
if ((areaChart3 !== null && areaChart3 !== void 0 ? areaChart3 : areaChart) && data3.length > 0) {
|
|
766
801
|
ppp3 = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
767
802
|
ppp3 += pp3;
|
|
768
803
|
ppp3 +=
|
|
@@ -773,7 +808,7 @@ export var useLineChart = function (props) {
|
|
|
773
808
|
ppp3 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
774
809
|
setFillPoints3(ppp3.replace('L', 'M'));
|
|
775
810
|
}
|
|
776
|
-
if ((
|
|
811
|
+
if ((areaChart4 !== null && areaChart4 !== void 0 ? areaChart4 : areaChart) && data4.length > 0) {
|
|
777
812
|
ppp4 = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
778
813
|
ppp4 += pp4;
|
|
779
814
|
ppp4 +=
|
|
@@ -784,7 +819,7 @@ export var useLineChart = function (props) {
|
|
|
784
819
|
ppp4 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
785
820
|
setFillPoints4(ppp4.replace('L', 'M'));
|
|
786
821
|
}
|
|
787
|
-
if ((
|
|
822
|
+
if ((areaChart5 !== null && areaChart5 !== void 0 ? areaChart5 : areaChart) && data5.length > 0) {
|
|
788
823
|
ppp5 = 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
789
824
|
ppp5 += pp5;
|
|
790
825
|
ppp5 +=
|
|
@@ -873,23 +908,23 @@ export var useLineChart = function (props) {
|
|
|
873
908
|
}
|
|
874
909
|
/** ************************* For Area Charts *************************/
|
|
875
910
|
if (atLeastOneAreaChart) {
|
|
876
|
-
if ((
|
|
911
|
+
if ((areaChart1 !== null && areaChart1 !== void 0 ? areaChart1 : areaChart) && data.length > 0) {
|
|
877
912
|
xx = addLeadingAndTrailingPathForAreaFill(xx, data[0].value, data.length);
|
|
878
913
|
setFillPoints(xx);
|
|
879
914
|
}
|
|
880
|
-
if ((
|
|
915
|
+
if ((areaChart2 !== null && areaChart2 !== void 0 ? areaChart2 : areaChart) && data2.length > 0) {
|
|
881
916
|
xx2 = addLeadingAndTrailingPathForAreaFill(xx2, data2[0].value, data2.length);
|
|
882
917
|
setFillPoints2(xx2);
|
|
883
918
|
}
|
|
884
|
-
if ((
|
|
919
|
+
if ((areaChart3 !== null && areaChart3 !== void 0 ? areaChart3 : areaChart) && data3.length > 0) {
|
|
885
920
|
xx3 = addLeadingAndTrailingPathForAreaFill(xx3, data3[0].value, data3.length);
|
|
886
921
|
setFillPoints3(xx3);
|
|
887
922
|
}
|
|
888
|
-
if ((
|
|
923
|
+
if ((areaChart4 !== null && areaChart4 !== void 0 ? areaChart4 : areaChart) && data4.length > 0) {
|
|
889
924
|
xx4 = addLeadingAndTrailingPathForAreaFill(xx4, data4[0].value, data4.length);
|
|
890
925
|
setFillPoints4(xx4);
|
|
891
926
|
}
|
|
892
|
-
if ((
|
|
927
|
+
if ((areaChart5 !== null && areaChart5 !== void 0 ? areaChart5 : areaChart) && data5.length > 0) {
|
|
893
928
|
xx5 = addLeadingAndTrailingPathForAreaFill(xx5, data5[0].value, data5.length);
|
|
894
929
|
setFillPoints5(xx5);
|
|
895
930
|
}
|
|
@@ -1023,88 +1058,90 @@ export var useLineChart = function (props) {
|
|
|
1023
1058
|
}
|
|
1024
1059
|
}
|
|
1025
1060
|
}, [secondaryData, secondaryLineConfig]);
|
|
1026
|
-
var gradientDirection = (
|
|
1061
|
+
var gradientDirection = (_246 = props.gradientDirection) !== null && _246 !== void 0 ? _246 : 'vertical';
|
|
1027
1062
|
var horizSections = [{ value: '0' }];
|
|
1028
|
-
var stepHeight = (
|
|
1029
|
-
var stepValue = (
|
|
1030
|
-
var noOfSectionsBelowXAxis = (
|
|
1063
|
+
var stepHeight = (_247 = props.stepHeight) !== null && _247 !== void 0 ? _247 : containerHeight / noOfSections;
|
|
1064
|
+
var stepValue = (_248 = props.stepValue) !== null && _248 !== void 0 ? _248 : maxValue / noOfSections;
|
|
1065
|
+
var noOfSectionsBelowXAxis = (_249 = props.noOfSectionsBelowXAxis) !== null && _249 !== void 0 ? _249 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
1031
1066
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
1032
1067
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
1033
1068
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
1034
1069
|
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
1035
1070
|
stepHeight;
|
|
1036
|
-
var showXAxisIndices = (
|
|
1037
|
-
var xAxisIndicesHeight = (
|
|
1038
|
-
var xAxisIndicesWidth = (
|
|
1039
|
-
var xAxisIndicesColor = (
|
|
1040
|
-
var xAxisTextNumberOfLines = (
|
|
1041
|
-
var xAxisLabelsVerticalShift = (
|
|
1071
|
+
var showXAxisIndices = (_250 = props.showXAxisIndices) !== null && _250 !== void 0 ? _250 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1072
|
+
var xAxisIndicesHeight = (_251 = props.xAxisIndicesHeight) !== null && _251 !== void 0 ? _251 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1073
|
+
var xAxisIndicesWidth = (_252 = props.xAxisIndicesWidth) !== null && _252 !== void 0 ? _252 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1074
|
+
var xAxisIndicesColor = (_253 = props.xAxisIndicesColor) !== null && _253 !== void 0 ? _253 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1075
|
+
var xAxisTextNumberOfLines = (_254 = props.xAxisTextNumberOfLines) !== null && _254 !== void 0 ? _254 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1076
|
+
var xAxisLabelsVerticalShift = (_255 = props.xAxisLabelsVerticalShift) !== null && _255 !== void 0 ? _255 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
1042
1077
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
1043
1078
|
var horizontal = false;
|
|
1044
1079
|
var yAxisAtTop = false;
|
|
1045
1080
|
defaultPointerConfig.pointerStripHeight =
|
|
1046
1081
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
1047
1082
|
var pointerConfig = props.pointerConfig;
|
|
1048
|
-
var getPointerProps = (
|
|
1049
|
-
var pointerHeight = (
|
|
1050
|
-
var pointerWidth = (
|
|
1051
|
-
var pointerRadius = (
|
|
1052
|
-
var pointerColor = (
|
|
1053
|
-
var pointerComponent = (
|
|
1083
|
+
var getPointerProps = (_256 = props.getPointerProps) !== null && _256 !== void 0 ? _256 : null;
|
|
1084
|
+
var pointerHeight = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.height;
|
|
1085
|
+
var pointerWidth = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.width;
|
|
1086
|
+
var pointerRadius = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.radius;
|
|
1087
|
+
var pointerColor = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerColor;
|
|
1088
|
+
var pointerComponent = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerComponent;
|
|
1054
1089
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
1055
1090
|
? false
|
|
1056
1091
|
: defaultPointerConfig.showPointerStrip;
|
|
1057
|
-
var pointerStripHeight = (
|
|
1058
|
-
var pointerStripWidth = (
|
|
1059
|
-
var pointerStripColor = (
|
|
1060
|
-
var pointerStripUptoDataPoint = (
|
|
1061
|
-
var pointerLabelComponent = (
|
|
1062
|
-
var stripOverPointer = (
|
|
1063
|
-
var shiftPointerLabelX = (
|
|
1064
|
-
var shiftPointerLabelY = (
|
|
1065
|
-
var pointerLabelWidth = (
|
|
1066
|
-
var pointerLabelHeight = (
|
|
1067
|
-
var autoAdjustPointerLabelPosition = (
|
|
1068
|
-
var pointerVanishDelay = (
|
|
1069
|
-
var activatePointersOnLongPress = (
|
|
1070
|
-
var
|
|
1071
|
-
var
|
|
1072
|
-
var
|
|
1092
|
+
var pointerStripHeight = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.pointerStripHeight;
|
|
1093
|
+
var pointerStripWidth = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerStripWidth;
|
|
1094
|
+
var pointerStripColor = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.pointerStripColor;
|
|
1095
|
+
var pointerStripUptoDataPoint = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1096
|
+
var pointerLabelComponent = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.pointerLabelComponent;
|
|
1097
|
+
var stripOverPointer = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.stripOverPointer;
|
|
1098
|
+
var shiftPointerLabelX = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.shiftPointerLabelX;
|
|
1099
|
+
var shiftPointerLabelY = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.shiftPointerLabelY;
|
|
1100
|
+
var pointerLabelWidth = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.pointerLabelWidth;
|
|
1101
|
+
var pointerLabelHeight = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.pointerLabelHeight;
|
|
1102
|
+
var autoAdjustPointerLabelPosition = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1103
|
+
var pointerVanishDelay = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.pointerVanishDelay;
|
|
1104
|
+
var activatePointersOnLongPress = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1105
|
+
var activatePointersInstantlyOnTouch = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.activatePointersInstantlyOnTouch;
|
|
1106
|
+
var activatePointersDelay = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.activatePointersDelay;
|
|
1107
|
+
var initialPointerIndex = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.initialPointerIndex;
|
|
1108
|
+
var initialPointerAppearDelay = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _278 !== void 0 ? _278 : (isAnimated
|
|
1073
1109
|
? animationDuration
|
|
1074
1110
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
1075
|
-
var persistPointer = (
|
|
1076
|
-
var
|
|
1077
|
-
var
|
|
1078
|
-
var
|
|
1079
|
-
var
|
|
1080
|
-
var
|
|
1081
|
-
var
|
|
1082
|
-
var
|
|
1083
|
-
var
|
|
1084
|
-
var
|
|
1111
|
+
var persistPointer = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.persistPointer;
|
|
1112
|
+
var resetPointerIndexOnRelease = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.resetPointerIndexOnRelease;
|
|
1113
|
+
var hidePointers = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.hidePointers;
|
|
1114
|
+
var hidePointer1 = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.hidePointer1;
|
|
1115
|
+
var hidePointer2 = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.hidePointer2;
|
|
1116
|
+
var hidePointer3 = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.hidePointer3;
|
|
1117
|
+
var hidePointer4 = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.hidePointer4;
|
|
1118
|
+
var hidePointer5 = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.hidePointer5;
|
|
1119
|
+
var hideSecondaryPointer = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.hideSecondaryPointer;
|
|
1120
|
+
var resetPointerOnDataChange = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.resetPointerOnDataChange;
|
|
1121
|
+
var hidePointerDataPointForMissingValues = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _289 !== void 0 ? _289 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
|
|
1085
1122
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
1086
|
-
var disableScroll = (
|
|
1123
|
+
var disableScroll = (_290 = props.disableScroll) !== null && _290 !== void 0 ? _290 : (pointerConfig
|
|
1087
1124
|
? activatePointersOnLongPress
|
|
1088
1125
|
? !!responderActive
|
|
1089
1126
|
: true
|
|
1090
1127
|
: false);
|
|
1091
|
-
var showScrollIndicator = (
|
|
1092
|
-
var focusEnabled = (
|
|
1093
|
-
var showDataPointOnFocus = (
|
|
1094
|
-
var showStripOnFocus = (
|
|
1095
|
-
var showTextOnFocus = (
|
|
1096
|
-
var showDataPointLabelOnFocus = (
|
|
1128
|
+
var showScrollIndicator = (_291 = props.showScrollIndicator) !== null && _291 !== void 0 ? _291 : LineDefaults.showScrollIndicator;
|
|
1129
|
+
var focusEnabled = (_292 = props.focusEnabled) !== null && _292 !== void 0 ? _292 : LineDefaults.focusEnabled;
|
|
1130
|
+
var showDataPointOnFocus = (_293 = props.showDataPointOnFocus) !== null && _293 !== void 0 ? _293 : LineDefaults.showDataPointOnFocus;
|
|
1131
|
+
var showStripOnFocus = (_294 = props.showStripOnFocus) !== null && _294 !== void 0 ? _294 : LineDefaults.showStripOnFocus;
|
|
1132
|
+
var showTextOnFocus = (_295 = props.showTextOnFocus) !== null && _295 !== void 0 ? _295 : LineDefaults.showTextOnFocus;
|
|
1133
|
+
var showDataPointLabelOnFocus = (_296 = props.showDataPointLabelOnFocus) !== null && _296 !== void 0 ? _296 : LineDefaults.showDataPointLabelOnFocus;
|
|
1097
1134
|
var stripHeight = props.stripHeight;
|
|
1098
|
-
var stripWidth = (
|
|
1099
|
-
var stripColor = (
|
|
1100
|
-
var stripOpacity = (
|
|
1135
|
+
var stripWidth = (_297 = props.stripWidth) !== null && _297 !== void 0 ? _297 : LineDefaults.stripWidth;
|
|
1136
|
+
var stripColor = (_298 = props.stripColor) !== null && _298 !== void 0 ? _298 : color1;
|
|
1137
|
+
var stripOpacity = (_299 = props.stripOpacity) !== null && _299 !== void 0 ? _299 : (startOpacity1 + endOpacity1) / 2;
|
|
1101
1138
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
1102
|
-
var unFocusOnPressOut = (
|
|
1103
|
-
var delayBeforeUnFocus = (
|
|
1104
|
-
var lineGradient = (
|
|
1105
|
-
var lineGradientDirection = (
|
|
1106
|
-
var lineGradientStartColor = (
|
|
1107
|
-
var lineGradientEndColor = (
|
|
1139
|
+
var unFocusOnPressOut = (_300 = props.unFocusOnPressOut) !== null && _300 !== void 0 ? _300 : LineDefaults.unFocusOnPressOut;
|
|
1140
|
+
var delayBeforeUnFocus = (_301 = props.delayBeforeUnFocus) !== null && _301 !== void 0 ? _301 : LineDefaults.delayBeforeUnFocus;
|
|
1141
|
+
var lineGradient = (_302 = props.lineGradient) !== null && _302 !== void 0 ? _302 : LineDefaults.lineGradient;
|
|
1142
|
+
var lineGradientDirection = (_303 = props.lineGradientDirection) !== null && _303 !== void 0 ? _303 : 'vertical';
|
|
1143
|
+
var lineGradientStartColor = (_304 = props.lineGradientStartColor) !== null && _304 !== void 0 ? _304 : LineDefaults.lineGradientStartColor;
|
|
1144
|
+
var lineGradientEndColor = (_305 = props.lineGradientEndColor) !== null && _305 !== void 0 ? _305 : LineDefaults.lineGradientEndColor;
|
|
1108
1145
|
var getPointerY = function (value) {
|
|
1109
1146
|
return value
|
|
1110
1147
|
? containerHeight -
|
|
@@ -1175,8 +1212,8 @@ export var useLineChart = function (props) {
|
|
|
1175
1212
|
var initialPointerYs = (_a = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) { return getPointerY(set.data[initialPointerIndex].value); })) !== null && _a !== void 0 ? _a : [];
|
|
1176
1213
|
setPointerYsForDataSet(initialPointerYs);
|
|
1177
1214
|
};
|
|
1178
|
-
var dataPointsRadius = (
|
|
1179
|
-
var dataPointsWidth = (
|
|
1215
|
+
var dataPointsRadius = (_307 = (_306 = props.dataPointsRadius1) !== null && _306 !== void 0 ? _306 : props.dataPointsRadius) !== null && _307 !== void 0 ? _307 : LineDefaults.dataPointsRadius;
|
|
1216
|
+
var dataPointsWidth = (_309 = (_308 = props.dataPointsWidth1) !== null && _308 !== void 0 ? _308 : props.dataPointsWidth) !== null && _309 !== void 0 ? _309 : LineDefaults.dataPointsWidth;
|
|
1180
1217
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1181
1218
|
? 0
|
|
1182
1219
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1244,9 +1281,10 @@ export var useLineChart = function (props) {
|
|
|
1244
1281
|
pointerY: pointerY,
|
|
1245
1282
|
onEndReached: props.onEndReached,
|
|
1246
1283
|
onStartReached: props.onStartReached,
|
|
1247
|
-
endReachedOffset: (
|
|
1284
|
+
endReachedOffset: (_310 = props.endReachedOffset) !== null && _310 !== void 0 ? _310 : LineDefaults.endReachedOffset,
|
|
1248
1285
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1249
|
-
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1286
|
+
extraWidthDueToDataPoint: extraWidthDueToDataPoint,
|
|
1287
|
+
customBackground: props.customBackground
|
|
1250
1288
|
};
|
|
1251
1289
|
return {
|
|
1252
1290
|
curvature: curvature,
|
|
@@ -1565,10 +1603,12 @@ export var useLineChart = function (props) {
|
|
|
1565
1603
|
autoAdjustPointerLabelPosition: autoAdjustPointerLabelPosition,
|
|
1566
1604
|
pointerVanishDelay: pointerVanishDelay,
|
|
1567
1605
|
activatePointersOnLongPress: activatePointersOnLongPress,
|
|
1606
|
+
activatePointersInstantlyOnTouch: activatePointersInstantlyOnTouch,
|
|
1568
1607
|
activatePointersDelay: activatePointersDelay,
|
|
1569
1608
|
initialPointerIndex: initialPointerIndex,
|
|
1570
1609
|
initialPointerAppearDelay: initialPointerAppearDelay,
|
|
1571
1610
|
persistPointer: persistPointer,
|
|
1611
|
+
resetPointerIndexOnRelease: resetPointerIndexOnRelease,
|
|
1572
1612
|
hidePointer1: hidePointer1,
|
|
1573
1613
|
hidePointer2: hidePointer2,
|
|
1574
1614
|
hidePointer3: hidePointer3,
|
|
@@ -1609,7 +1649,10 @@ export var useLineChart = function (props) {
|
|
|
1609
1649
|
cumulativeSpacingSecondary: cumulativeSpacingSecondary,
|
|
1610
1650
|
cumulativeSpacingForSet: cumulativeSpacingForSet,
|
|
1611
1651
|
stripOverDataPoints: props.stripOverDataPoints,
|
|
1612
|
-
strips: strips
|
|
1652
|
+
strips: strips,
|
|
1653
|
+
lastLineNumber: lastLineNumber,
|
|
1654
|
+
focusTogether: (_311 = props.focusTogether) !== null && _311 !== void 0 ? _311 : true,
|
|
1655
|
+
focusProximity: (_312 = props.focusProximity) !== null && _312 !== void 0 ? _312 : Infinity
|
|
1613
1656
|
// oldPoints
|
|
1614
1657
|
};
|
|
1615
1658
|
};
|