gifted-charts-core 0.1.43 → 0.1.45
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/index.js +51 -30
- package/dist/LineChart/index.d.ts +11 -4
- package/dist/LineChart/index.js +326 -228
- package/dist/LineChart/types.d.ts +6 -0
- package/dist/PieChart/main.d.ts +17 -0
- package/dist/PieChart/main.js +48 -9
- package/dist/PieChart/types.d.ts +13 -0
- package/dist/components/common/types.d.ts +2 -1
- package/dist/utils/constants.d.ts +9 -0
- package/dist/utils/constants.js +10 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +4 -4
- package/dist/utils/types.d.ts +13 -0
- package/package.json +1 -1
package/dist/LineChart/index.js
CHANGED
|
@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
|
|
|
39
39
|
import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, 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;
|
|
43
|
-
var showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
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, _313, _314, _315;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _316 = props.interpolateMissingValues, interpolateMissingValues = _316 === void 0 ? true : _316, _317 = props.extrapolateMissingValues, extrapolateMissingValues = _317 === void 0 ? true : _317, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue;
|
|
44
44
|
var containsNegativeValue = ((_a = props.mostNegativeValue) !== null && _a !== void 0 ? _a : 0) < 0 ||
|
|
45
45
|
((_e = ((_d = (_c = (_b = props.dataSet) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.data) !== null && _d !== void 0 ? _d : props.data)) === null || _e === void 0 ? void 0 : _e.some(function (item) { return item.value < 0; }));
|
|
46
46
|
var onlyPositive = (_f = props.onlyPositive) !== null && _f !== void 0 ? _f : (!extrapolateMissingValues ? (containsNegativeValue ? false : true) : false);
|
|
@@ -49,48 +49,48 @@ export var useLineChart = function (props) {
|
|
|
49
49
|
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
50
50
|
var curvature = (_g = props.curvature) !== null && _g !== void 0 ? _g : LineDefaults.curvature;
|
|
51
51
|
var curveType = (_h = props.curveType) !== null && _h !== void 0 ? _h : LineDefaults.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
|
|
52
|
+
var _318 = __read(useState(0), 2), scrollX = _318[0], setScrollX = _318[1];
|
|
53
|
+
var _319 = __read(useState(''), 2), arrow1Points = _319[0], setArrow1Points = _319[1];
|
|
54
|
+
var _320 = __read(useState(''), 2), arrow2Points = _320[0], setArrow2Points = _320[1];
|
|
55
|
+
var _321 = __read(useState(''), 2), arrow3Points = _321[0], setArrow3Points = _321[1];
|
|
56
|
+
var _322 = __read(useState(''), 2), arrow4Points = _322[0], setArrow4Points = _322[1];
|
|
57
|
+
var _323 = __read(useState(''), 2), arrow5Points = _323[0], setArrow5Points = _323[1];
|
|
58
|
+
var _324 = __read(useState(''), 2), secondaryArrowPoints = _324[0], setSecondaryArrowPoints = _324[1];
|
|
59
|
+
var _325 = __read(useState(-1), 2), pointerIndex = _325[0], setPointerIndex = _325[1];
|
|
60
|
+
var _326 = __read(useState(0), 2), pointerX = _326[0], setPointerX = _326[1];
|
|
61
|
+
var _327 = __read(useState(0), 2), pointerY = _327[0], setPointerY = _327[1];
|
|
62
|
+
var _328 = __read(useState(), 2), pointerItem = _328[0], setPointerItem = _328[1];
|
|
63
|
+
var _329 = __read(useState(0), 2), pointerY2 = _329[0], setPointerY2 = _329[1];
|
|
64
|
+
var _330 = __read(useState(), 2), pointerItem2 = _330[0], setPointerItem2 = _330[1];
|
|
65
|
+
var _331 = __read(useState(0), 2), pointerY3 = _331[0], setPointerY3 = _331[1];
|
|
66
|
+
var _332 = __read(useState(), 2), pointerItem3 = _332[0], setPointerItem3 = _332[1];
|
|
67
|
+
var _333 = __read(useState(0), 2), pointerY4 = _333[0], setPointerY4 = _333[1];
|
|
68
|
+
var _334 = __read(useState(), 2), pointerItem4 = _334[0], setPointerItem4 = _334[1];
|
|
69
|
+
var _335 = __read(useState(0), 2), pointerY5 = _335[0], setPointerY5 = _335[1];
|
|
70
|
+
var _336 = __read(useState([]), 2), pointerYsForDataSet = _336[0], setPointerYsForDataSet = _336[1];
|
|
71
|
+
var _337 = __read(useState(), 2), pointerItem5 = _337[0], setPointerItem5 = _337[1];
|
|
72
|
+
var _338 = __read(useState(0), 2), secondaryPointerY = _338[0], setSecondaryPointerY = _338[1];
|
|
73
|
+
var _339 = __read(useState(), 2), secondaryPointerItem = _339[0], setSecondaryPointerItem = _339[1];
|
|
74
|
+
var _340 = __read(useState([]), 2), pointerItemsForSet = _340[0], setPointerItemsForSet = _340[1];
|
|
75
|
+
var _341 = __read(useState([]), 2), secondaryPointerItemsForSet = _341[0], setSecondaryPointerItemsForSet = _341[1];
|
|
76
|
+
var _342 = __read(useState(0), 2), responderStartTime = _342[0], setResponderStartTime = _342[1];
|
|
77
|
+
var _343 = __read(useState(false), 2), responderActive = _343[0], setResponderActive = _343[1];
|
|
78
|
+
var _344 = __read(useState(''), 2), points = _344[0], setPoints = _344[1];
|
|
79
|
+
var _345 = __read(useState(''), 2), points2 = _345[0], setPoints2 = _345[1];
|
|
80
|
+
var _346 = __read(useState(''), 2), points3 = _346[0], setPoints3 = _346[1];
|
|
81
|
+
var _347 = __read(useState(''), 2), points4 = _347[0], setPoints4 = _347[1];
|
|
82
|
+
var _348 = __read(useState(''), 2), points5 = _348[0], setPoints5 = _348[1];
|
|
83
|
+
var _349 = __read(useState(''), 2), secondaryPoints = _349[0], setSecondaryPoints = _349[1];
|
|
84
|
+
var _350 = __read(useState(''), 2), fillPoints = _350[0], setFillPoints = _350[1];
|
|
85
|
+
var _351 = __read(useState(''), 2), fillPoints2 = _351[0], setFillPoints2 = _351[1];
|
|
86
|
+
var _352 = __read(useState(''), 2), fillPoints3 = _352[0], setFillPoints3 = _352[1];
|
|
87
|
+
var _353 = __read(useState(''), 2), fillPoints4 = _353[0], setFillPoints4 = _353[1];
|
|
88
|
+
var _354 = __read(useState(''), 2), fillPoints5 = _354[0], setFillPoints5 = _354[1];
|
|
89
|
+
var _355 = __read(useState(''), 2), secondaryFillPoints = _355[0], setSecondaryFillPoints = _355[1];
|
|
90
|
+
var _356 = __read(useState([]), 2), pointsFromSet = _356[0], setPointsFromSet = _356[1];
|
|
91
|
+
var _357 = __read(useState([]), 2), fillPointsFromSet = _357[0], setFillPointsFromSet = _357[1];
|
|
92
|
+
var _358 = __read(useState([]), 2), arrowPointsFromSet = _358[0], setArrowPointsFromSet = _358[1];
|
|
93
|
+
var _359 = __read(useState((_j = props.focusedDataPointIndex) !== null && _j !== void 0 ? _j : -1), 2), selectedIndex = _359[0], setSelectedIndex = _359[1];
|
|
94
94
|
useEffect(function () {
|
|
95
95
|
var _a;
|
|
96
96
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
@@ -150,8 +150,6 @@ export var useLineChart = function (props) {
|
|
|
150
150
|
var startIndex5 = (_5 = props.startIndex5) !== null && _5 !== void 0 ? _5 : 0;
|
|
151
151
|
var endIndex5 = (_6 = props.endIndex5) !== null && _6 !== void 0 ? _6 : data5.length - 1;
|
|
152
152
|
var lengthOfLongestDataArray = Math.max(data.length, data2.length, data3.length, data4.length, data5.length);
|
|
153
|
-
var maxLengthOfDataOrSet = dataSet
|
|
154
|
-
? Math.max.apply(Math, __spreadArray([], __read(dataSet.map(function (item) { return item.data.length; })), false)) : lengthOfLongestDataArray;
|
|
155
153
|
var lineSegments = !interpolateMissingValues
|
|
156
154
|
? getLineSegmentsForMissingValues(props.data)
|
|
157
155
|
: !extrapolateMissingValues
|
|
@@ -250,139 +248,225 @@ export var useLineChart = function (props) {
|
|
|
250
248
|
var textColor3 = (_99 = (_98 = props.textColor3) !== null && _98 !== void 0 ? _98 : props.textColor) !== null && _99 !== void 0 ? _99 : LineDefaults.textColor;
|
|
251
249
|
var textColor4 = (_101 = (_100 = props.textColor4) !== null && _100 !== void 0 ? _100 : props.textColor) !== null && _101 !== void 0 ? _101 : LineDefaults.textColor;
|
|
252
250
|
var textColor5 = (_103 = (_102 = props.textColor5) !== null && _102 !== void 0 ? _102 : props.textColor) !== null && _103 !== void 0 ? _103 : LineDefaults.textColor;
|
|
253
|
-
var totalWidth = initialSpacing + spacing * maxLengthOfDataOrSet - 1 + endSpacing;
|
|
254
251
|
var mergedPrimaryDataArrays = [];
|
|
255
252
|
var mergedSecondaryDataArrays = [];
|
|
253
|
+
var maxSpacingSum = 0; // max of spacingSum among all the lines
|
|
254
|
+
var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
|
|
255
|
+
var cumulativeSpacingForSet = Array((_104 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) !== null && _104 !== void 0 ? _104 : 0).fill([]);
|
|
256
256
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
257
|
-
dataSet.forEach(function (set) {
|
|
257
|
+
dataSet.forEach(function (set, index) {
|
|
258
|
+
var _a;
|
|
258
259
|
if (set.isSecondary) {
|
|
259
260
|
mergedSecondaryDataArrays.push.apply(mergedSecondaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
260
261
|
}
|
|
261
262
|
else {
|
|
262
263
|
mergedPrimaryDataArrays.push.apply(mergedPrimaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
263
264
|
}
|
|
265
|
+
var space = (_a = set.spacing) !== null && _a !== void 0 ? _a : spacing;
|
|
266
|
+
var spacingSum = 0;
|
|
267
|
+
set.data.forEach(function (item) {
|
|
268
|
+
var _a;
|
|
269
|
+
spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
|
|
270
|
+
cumulativeSpacingForSet[index].push(spacingSum);
|
|
271
|
+
});
|
|
272
|
+
if (maxSpacingSum < spacingSum) {
|
|
273
|
+
maxSpacingSum = spacingSum;
|
|
274
|
+
}
|
|
264
275
|
});
|
|
265
276
|
}
|
|
266
277
|
else {
|
|
278
|
+
var spacingSum_1 = 0;
|
|
279
|
+
var space_1 = (_105 = props.spacing1) !== null && _105 !== void 0 ? _105 : spacing;
|
|
280
|
+
data.forEach(function (item) {
|
|
281
|
+
var _a;
|
|
282
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
283
|
+
cumulativeSpacing1.push(spacingSum_1);
|
|
284
|
+
});
|
|
285
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
286
|
+
maxSpacingSum = spacingSum_1;
|
|
287
|
+
}
|
|
288
|
+
if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
|
|
289
|
+
spacingSum_1 = 0;
|
|
290
|
+
space_1 = (_106 = props.spacing2) !== null && _106 !== void 0 ? _106 : spacing;
|
|
291
|
+
data2.forEach(function (item) {
|
|
292
|
+
var _a;
|
|
293
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
294
|
+
cumulativeSpacing2.push(spacingSum_1);
|
|
295
|
+
});
|
|
296
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
297
|
+
maxSpacingSum = spacingSum_1;
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
|
|
301
|
+
spacingSum_1 = 0;
|
|
302
|
+
space_1 = (_107 = props.spacing3) !== null && _107 !== void 0 ? _107 : spacing;
|
|
303
|
+
data3.forEach(function (item) {
|
|
304
|
+
var _a;
|
|
305
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
306
|
+
cumulativeSpacing3.push(spacingSum_1);
|
|
307
|
+
});
|
|
308
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
309
|
+
maxSpacingSum = spacingSum_1;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
|
|
313
|
+
spacingSum_1 = 0;
|
|
314
|
+
space_1 = (_108 = props.spacing4) !== null && _108 !== void 0 ? _108 : spacing;
|
|
315
|
+
data4.forEach(function (item) {
|
|
316
|
+
var _a;
|
|
317
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
318
|
+
cumulativeSpacing4.push(spacingSum_1);
|
|
319
|
+
});
|
|
320
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
321
|
+
maxSpacingSum = spacingSum_1;
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
|
|
325
|
+
spacingSum_1 = 0;
|
|
326
|
+
space_1 = (_109 = props.spacing5) !== null && _109 !== void 0 ? _109 : spacing;
|
|
327
|
+
data5.forEach(function (item) {
|
|
328
|
+
var _a;
|
|
329
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
330
|
+
cumulativeSpacing5.push(spacingSum_1);
|
|
331
|
+
});
|
|
332
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
333
|
+
maxSpacingSum = spacingSum_1;
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
|
|
337
|
+
spacingSum_1 = 0;
|
|
338
|
+
space_1 = (_111 = (_110 = props.secondaryLineConfig) === null || _110 === void 0 ? void 0 : _110.spacing) !== null && _111 !== void 0 ? _111 : spacing;
|
|
339
|
+
secondaryData.forEach(function (item) {
|
|
340
|
+
var _a;
|
|
341
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
342
|
+
cumulativeSpacingSecondary.push(spacingSum_1);
|
|
343
|
+
});
|
|
344
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
345
|
+
maxSpacingSum = spacingSum_1;
|
|
346
|
+
}
|
|
347
|
+
}
|
|
267
348
|
mergedPrimaryDataArrays = data;
|
|
268
349
|
mergedSecondaryDataArrays = secondaryData;
|
|
269
350
|
}
|
|
270
351
|
if (!mergedPrimaryDataArrays.length) {
|
|
271
352
|
mergedPrimaryDataArrays = __spreadArray([], __read(mergedSecondaryDataArrays), false);
|
|
272
353
|
}
|
|
354
|
+
var totalWidth = initialSpacing + maxSpacingSum + endSpacing;
|
|
273
355
|
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
274
356
|
Math.min.apply(// find the largest +ve number
|
|
275
357
|
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
276
|
-
var showFractionalValues = (
|
|
277
|
-
var roundToDigits = (
|
|
278
|
-
var
|
|
358
|
+
var showFractionalValues = (_112 = props.showFractionalValues) !== null && _112 !== void 0 ? _112 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
359
|
+
var roundToDigits = (_113 = props.roundToDigits) !== null && _113 !== void 0 ? _113 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
360
|
+
var _360 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _360.maxItem, minItem = _360.minItem;
|
|
279
361
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
280
|
-
var mostNegativeValue = (
|
|
281
|
-
var overflowTop = ((
|
|
362
|
+
var mostNegativeValue = (_114 = props.mostNegativeValue) !== null && _114 !== void 0 ? _114 : minItem;
|
|
363
|
+
var overflowTop = ((_115 = props.overflowTop) !== null && _115 !== void 0 ? _115 : props.secondaryXAxis)
|
|
282
364
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
283
365
|
: AxesAndRulesDefaults.overflowTop;
|
|
284
366
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
285
|
-
var getX = function (index) {
|
|
367
|
+
var getX = function (spacingArray, index) {
|
|
368
|
+
return initialSpacing + (index ? spacingArray[index - 1] : 0);
|
|
369
|
+
};
|
|
286
370
|
var getY = function (value) {
|
|
287
371
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
288
372
|
};
|
|
289
373
|
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
290
374
|
Math.min.apply(// find the largest +ve number
|
|
291
375
|
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
292
|
-
var showSecondaryFractionalValues = (
|
|
293
|
-
var secondaryRoundToDigits = (
|
|
376
|
+
var showSecondaryFractionalValues = (_117 = (_116 = props.secondaryYAxis) === null || _116 === void 0 ? void 0 : _116.showFractionalValues) !== null && _117 !== void 0 ? _117 : secondaryValuesRange <= 1;
|
|
377
|
+
var secondaryRoundToDigits = (_119 = (_118 = props.secondaryYAxis) === null || _118 === void 0 ? void 0 : _118.roundToDigits) !== null && _119 !== void 0 ? _119 : (showSecondaryFractionalValues
|
|
294
378
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
295
379
|
: 0);
|
|
296
|
-
var
|
|
297
|
-
var secondaryMaxValue = (
|
|
380
|
+
var _361 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _361.maxItem, secondaryMinItem = _361.minItem;
|
|
381
|
+
var secondaryMaxValue = (_121 = (_120 = props.secondaryYAxis) === null || _120 === void 0 ? void 0 : _120.maxValue) !== null && _121 !== void 0 ? _121 : (secondaryMaxItem || maxValue);
|
|
298
382
|
var getSecondaryY = function (value) {
|
|
299
383
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
300
384
|
};
|
|
301
385
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
302
|
-
var showValuesAsDataPointsText = (
|
|
303
|
-
var thickness1 = (
|
|
304
|
-
var thickness2 = (
|
|
305
|
-
var thickness3 = (
|
|
306
|
-
var thickness4 = (
|
|
307
|
-
var thickness5 = (
|
|
308
|
-
var zIndex1 = (
|
|
309
|
-
var zIndex2 = (
|
|
310
|
-
var zIndex3 = (
|
|
311
|
-
var zIndex4 = (
|
|
312
|
-
var zIndex5 = (
|
|
313
|
-
var strokeDashArray1 = (
|
|
314
|
-
var strokeDashArray2 = (
|
|
315
|
-
var strokeDashArray3 = (
|
|
316
|
-
var strokeDashArray4 = (
|
|
317
|
-
var strokeDashArray5 = (
|
|
318
|
-
var rotateLabel = (
|
|
319
|
-
var isAnimated = (
|
|
320
|
-
var hideDataPoints1 = (
|
|
321
|
-
var hideDataPoints2 = (
|
|
322
|
-
var hideDataPoints3 = (
|
|
323
|
-
var hideDataPoints4 = (
|
|
324
|
-
var hideDataPoints5 = (
|
|
325
|
-
var color1 = (
|
|
326
|
-
var color2 = (
|
|
327
|
-
var color3 = (
|
|
328
|
-
var color4 = (
|
|
329
|
-
var color5 = (
|
|
330
|
-
var startFillColor1 = (
|
|
331
|
-
var endFillColor1 = (
|
|
332
|
-
var startOpacity = (
|
|
333
|
-
var endOpacity = (
|
|
334
|
-
var startOpacity1 = (
|
|
335
|
-
var endOpacity1 = (
|
|
336
|
-
var startFillColor2 = (
|
|
337
|
-
var endFillColor2 = (
|
|
338
|
-
var startOpacity2 = (
|
|
339
|
-
var endOpacity2 = (
|
|
340
|
-
var startFillColor3 = (
|
|
341
|
-
var endFillColor3 = (
|
|
342
|
-
var startOpacity3 = (
|
|
343
|
-
var endOpacity3 = (
|
|
344
|
-
var startFillColor4 = (
|
|
345
|
-
var endFillColor4 = (
|
|
346
|
-
var startOpacity4 = (
|
|
347
|
-
var endOpacity4 = (
|
|
348
|
-
var startFillColor5 = (
|
|
349
|
-
var endFillColor5 = (
|
|
350
|
-
var startOpacity5 = (
|
|
351
|
-
var endOpacity5 = (
|
|
352
|
-
defaultArrowConfig.strokeWidth = (
|
|
353
|
-
defaultArrowConfig.strokeColor = (
|
|
354
|
-
var
|
|
386
|
+
var showValuesAsDataPointsText = (_122 = props.showValuesAsDataPointsText) !== null && _122 !== void 0 ? _122 : LineDefaults.showValuesAsDataPointsText;
|
|
387
|
+
var thickness1 = (_124 = (_123 = props.thickness1) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
388
|
+
var thickness2 = (_126 = (_125 = props.thickness2) !== null && _125 !== void 0 ? _125 : props.thickness) !== null && _126 !== void 0 ? _126 : LineDefaults.thickness;
|
|
389
|
+
var thickness3 = (_128 = (_127 = props.thickness3) !== null && _127 !== void 0 ? _127 : props.thickness) !== null && _128 !== void 0 ? _128 : LineDefaults.thickness;
|
|
390
|
+
var thickness4 = (_130 = (_129 = props.thickness4) !== null && _129 !== void 0 ? _129 : props.thickness) !== null && _130 !== void 0 ? _130 : LineDefaults.thickness;
|
|
391
|
+
var thickness5 = (_132 = (_131 = props.thickness5) !== null && _131 !== void 0 ? _131 : props.thickness) !== null && _132 !== void 0 ? _132 : LineDefaults.thickness;
|
|
392
|
+
var zIndex1 = (_133 = props.zIndex1) !== null && _133 !== void 0 ? _133 : 0;
|
|
393
|
+
var zIndex2 = (_134 = props.zIndex2) !== null && _134 !== void 0 ? _134 : 0;
|
|
394
|
+
var zIndex3 = (_135 = props.zIndex3) !== null && _135 !== void 0 ? _135 : 0;
|
|
395
|
+
var zIndex4 = (_136 = props.zIndex4) !== null && _136 !== void 0 ? _136 : 0;
|
|
396
|
+
var zIndex5 = (_137 = props.zIndex5) !== null && _137 !== void 0 ? _137 : 0;
|
|
397
|
+
var strokeDashArray1 = (_138 = props.strokeDashArray1) !== null && _138 !== void 0 ? _138 : props.strokeDashArray;
|
|
398
|
+
var strokeDashArray2 = (_139 = props.strokeDashArray2) !== null && _139 !== void 0 ? _139 : props.strokeDashArray;
|
|
399
|
+
var strokeDashArray3 = (_140 = props.strokeDashArray3) !== null && _140 !== void 0 ? _140 : props.strokeDashArray;
|
|
400
|
+
var strokeDashArray4 = (_141 = props.strokeDashArray4) !== null && _141 !== void 0 ? _141 : props.strokeDashArray;
|
|
401
|
+
var strokeDashArray5 = (_142 = props.strokeDashArray5) !== null && _142 !== void 0 ? _142 : props.strokeDashArray;
|
|
402
|
+
var rotateLabel = (_143 = props.rotateLabel) !== null && _143 !== void 0 ? _143 : false;
|
|
403
|
+
var isAnimated = (_144 = props.isAnimated) !== null && _144 !== void 0 ? _144 : false;
|
|
404
|
+
var hideDataPoints1 = (_146 = (_145 = props.hideDataPoints) !== null && _145 !== void 0 ? _145 : props.hideDataPoints1) !== null && _146 !== void 0 ? _146 : false;
|
|
405
|
+
var hideDataPoints2 = (_148 = (_147 = props.hideDataPoints) !== null && _147 !== void 0 ? _147 : props.hideDataPoints2) !== null && _148 !== void 0 ? _148 : false;
|
|
406
|
+
var hideDataPoints3 = (_150 = (_149 = props.hideDataPoints) !== null && _149 !== void 0 ? _149 : props.hideDataPoints3) !== null && _150 !== void 0 ? _150 : false;
|
|
407
|
+
var hideDataPoints4 = (_152 = (_151 = props.hideDataPoints) !== null && _151 !== void 0 ? _151 : props.hideDataPoints4) !== null && _152 !== void 0 ? _152 : false;
|
|
408
|
+
var hideDataPoints5 = (_154 = (_153 = props.hideDataPoints) !== null && _153 !== void 0 ? _153 : props.hideDataPoints5) !== null && _154 !== void 0 ? _154 : false;
|
|
409
|
+
var color1 = (_156 = (_155 = props.color1) !== null && _155 !== void 0 ? _155 : props.color) !== null && _156 !== void 0 ? _156 : LineDefaults.color;
|
|
410
|
+
var color2 = (_158 = (_157 = props.color2) !== null && _157 !== void 0 ? _157 : props.color) !== null && _158 !== void 0 ? _158 : LineDefaults.color;
|
|
411
|
+
var color3 = (_160 = (_159 = props.color3) !== null && _159 !== void 0 ? _159 : props.color) !== null && _160 !== void 0 ? _160 : LineDefaults.color;
|
|
412
|
+
var color4 = (_162 = (_161 = props.color4) !== null && _161 !== void 0 ? _161 : props.color) !== null && _162 !== void 0 ? _162 : LineDefaults.color;
|
|
413
|
+
var color5 = (_164 = (_163 = props.color5) !== null && _163 !== void 0 ? _163 : props.color) !== null && _164 !== void 0 ? _164 : LineDefaults.color;
|
|
414
|
+
var startFillColor1 = (_166 = (_165 = props.startFillColor1) !== null && _165 !== void 0 ? _165 : props.startFillColor) !== null && _166 !== void 0 ? _166 : LineDefaults.startFillColor;
|
|
415
|
+
var endFillColor1 = (_168 = (_167 = props.endFillColor1) !== null && _167 !== void 0 ? _167 : props.endFillColor) !== null && _168 !== void 0 ? _168 : LineDefaults.endFillColor;
|
|
416
|
+
var startOpacity = (_169 = props.startOpacity) !== null && _169 !== void 0 ? _169 : LineDefaults.startOpacity;
|
|
417
|
+
var endOpacity = (_170 = props.endOpacity) !== null && _170 !== void 0 ? _170 : LineDefaults.endOpacity;
|
|
418
|
+
var startOpacity1 = (_171 = props.startOpacity1) !== null && _171 !== void 0 ? _171 : startOpacity;
|
|
419
|
+
var endOpacity1 = (_172 = props.endOpacity1) !== null && _172 !== void 0 ? _172 : endOpacity;
|
|
420
|
+
var startFillColor2 = (_174 = (_173 = props.startFillColor2) !== null && _173 !== void 0 ? _173 : props.startFillColor) !== null && _174 !== void 0 ? _174 : LineDefaults.startFillColor;
|
|
421
|
+
var endFillColor2 = (_176 = (_175 = props.endFillColor2) !== null && _175 !== void 0 ? _175 : props.endFillColor) !== null && _176 !== void 0 ? _176 : LineDefaults.endFillColor;
|
|
422
|
+
var startOpacity2 = (_177 = props.startOpacity2) !== null && _177 !== void 0 ? _177 : startOpacity;
|
|
423
|
+
var endOpacity2 = (_178 = props.endOpacity2) !== null && _178 !== void 0 ? _178 : endOpacity;
|
|
424
|
+
var startFillColor3 = (_180 = (_179 = props.startFillColor3) !== null && _179 !== void 0 ? _179 : props.startFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.startFillColor;
|
|
425
|
+
var endFillColor3 = (_182 = (_181 = props.endFillColor3) !== null && _181 !== void 0 ? _181 : props.endFillColor) !== null && _182 !== void 0 ? _182 : LineDefaults.endFillColor;
|
|
426
|
+
var startOpacity3 = (_183 = props.startOpacity3) !== null && _183 !== void 0 ? _183 : startOpacity;
|
|
427
|
+
var endOpacity3 = (_184 = props.endOpacity3) !== null && _184 !== void 0 ? _184 : endOpacity;
|
|
428
|
+
var startFillColor4 = (_186 = (_185 = props.startFillColor4) !== null && _185 !== void 0 ? _185 : props.startFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.startFillColor;
|
|
429
|
+
var endFillColor4 = (_188 = (_187 = props.endFillColor4) !== null && _187 !== void 0 ? _187 : props.endFillColor) !== null && _188 !== void 0 ? _188 : LineDefaults.endFillColor;
|
|
430
|
+
var startOpacity4 = (_189 = props.startOpacity4) !== null && _189 !== void 0 ? _189 : startOpacity;
|
|
431
|
+
var endOpacity4 = (_190 = props.endOpacity4) !== null && _190 !== void 0 ? _190 : endOpacity;
|
|
432
|
+
var startFillColor5 = (_192 = (_191 = props.startFillColor5) !== null && _191 !== void 0 ? _191 : props.startFillColor) !== null && _192 !== void 0 ? _192 : LineDefaults.startFillColor;
|
|
433
|
+
var endFillColor5 = (_194 = (_193 = props.endFillColor5) !== null && _193 !== void 0 ? _193 : props.endFillColor) !== null && _194 !== void 0 ? _194 : LineDefaults.endFillColor;
|
|
434
|
+
var startOpacity5 = (_195 = props.startOpacity5) !== null && _195 !== void 0 ? _195 : startOpacity;
|
|
435
|
+
var endOpacity5 = (_196 = props.endOpacity5) !== null && _196 !== void 0 ? _196 : endOpacity;
|
|
436
|
+
defaultArrowConfig.strokeWidth = (_198 = (_197 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _197 === void 0 ? void 0 : _197.thickness) !== null && _198 !== void 0 ? _198 : thickness1;
|
|
437
|
+
defaultArrowConfig.strokeColor = (_200 = (_199 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _199 === void 0 ? void 0 : _199.color) !== null && _200 !== void 0 ? _200 : color1;
|
|
438
|
+
var _362 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _362.arrowLength1, arrowWidth1 = _362.arrowWidth1, arrowStrokeWidth1 = _362.arrowStrokeWidth1, arrowStrokeColor1 = _362.arrowStrokeColor1, arrowFillColor1 = _362.arrowFillColor1, showArrowBase1 = _362.showArrowBase1, arrowLength2 = _362.arrowLength2, arrowWidth2 = _362.arrowWidth2, arrowStrokeWidth2 = _362.arrowStrokeWidth2, arrowStrokeColor2 = _362.arrowStrokeColor2, arrowFillColor2 = _362.arrowFillColor2, showArrowBase2 = _362.showArrowBase2, arrowLength3 = _362.arrowLength3, arrowWidth3 = _362.arrowWidth3, arrowStrokeWidth3 = _362.arrowStrokeWidth3, arrowStrokeColor3 = _362.arrowStrokeColor3, arrowFillColor3 = _362.arrowFillColor3, showArrowBase3 = _362.showArrowBase3, arrowLength4 = _362.arrowLength4, arrowWidth4 = _362.arrowWidth4, arrowStrokeWidth4 = _362.arrowStrokeWidth4, arrowStrokeColor4 = _362.arrowStrokeColor4, arrowFillColor4 = _362.arrowFillColor4, showArrowBase4 = _362.showArrowBase4, arrowLength5 = _362.arrowLength5, arrowWidth5 = _362.arrowWidth5, arrowStrokeWidth5 = _362.arrowStrokeWidth5, arrowStrokeColor5 = _362.arrowStrokeColor5, arrowFillColor5 = _362.arrowFillColor5, showArrowBase5 = _362.showArrowBase5, arrowLengthsFromSet = _362.arrowLengthsFromSet, arrowWidthsFromSet = _362.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _362.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _362.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _362.arrowFillColorsFromSet, showArrowBasesFromSet = _362.showArrowBasesFromSet;
|
|
355
439
|
var secondaryLineConfig = {
|
|
356
|
-
zIndex: (
|
|
357
|
-
curved: (
|
|
358
|
-
curvature: (
|
|
359
|
-
curveType: (
|
|
360
|
-
areaChart: (
|
|
361
|
-
color: (
|
|
362
|
-
thickness: (
|
|
363
|
-
zIndex1: (
|
|
364
|
-
strokeDashArray: (
|
|
365
|
-
startIndex: (
|
|
366
|
-
endIndex: (
|
|
367
|
-
hideDataPoints: (
|
|
368
|
-
dataPointsHeight: (
|
|
369
|
-
dataPointsWidth: (
|
|
370
|
-
dataPointsRadius: (
|
|
371
|
-
dataPointsColor: (
|
|
372
|
-
dataPointsShape: (
|
|
373
|
-
showValuesAsDataPointsText: (
|
|
374
|
-
startFillColor: (
|
|
375
|
-
endFillColor: (
|
|
376
|
-
startOpacity: (
|
|
377
|
-
endOpacity: (
|
|
378
|
-
textFontSize: (
|
|
379
|
-
textColor: (
|
|
380
|
-
showArrow: (
|
|
381
|
-
arrowConfig: (
|
|
440
|
+
zIndex: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.zIndex) !== null && _202 !== void 0 ? _202 : zIndex1,
|
|
441
|
+
curved: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.curved) !== null && _204 !== void 0 ? _204 : props.curved,
|
|
442
|
+
curvature: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.curvature) !== null && _206 !== void 0 ? _206 : curvature,
|
|
443
|
+
curveType: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curveType) !== null && _208 !== void 0 ? _208 : curveType,
|
|
444
|
+
areaChart: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.areaChart) !== null && _210 !== void 0 ? _210 : areaChart,
|
|
445
|
+
color: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.color) !== null && _212 !== void 0 ? _212 : color1,
|
|
446
|
+
thickness: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.thickness) !== null && _214 !== void 0 ? _214 : thickness1,
|
|
447
|
+
zIndex1: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.zIndex1) !== null && _216 !== void 0 ? _216 : zIndex1,
|
|
448
|
+
strokeDashArray: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.strokeDashArray) !== null && _218 !== void 0 ? _218 : strokeDashArray1,
|
|
449
|
+
startIndex: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.startIndex) !== null && _220 !== void 0 ? _220 : startIndex1,
|
|
450
|
+
endIndex: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.endIndex) !== null && _222 !== void 0 ? _222 : endIndex1,
|
|
451
|
+
hideDataPoints: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.hideDataPoints) !== null && _224 !== void 0 ? _224 : hideDataPoints1,
|
|
452
|
+
dataPointsHeight: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.dataPointsHeight) !== null && _226 !== void 0 ? _226 : dataPointsHeight1,
|
|
453
|
+
dataPointsWidth: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.dataPointsWidth) !== null && _228 !== void 0 ? _228 : dataPointsWidth1,
|
|
454
|
+
dataPointsRadius: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.dataPointsRadius) !== null && _230 !== void 0 ? _230 : dataPointsRadius1,
|
|
455
|
+
dataPointsColor: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.dataPointsColor) !== null && _232 !== void 0 ? _232 : dataPointsColor1,
|
|
456
|
+
dataPointsShape: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.dataPointsShape) !== null && _234 !== void 0 ? _234 : dataPointsShape1,
|
|
457
|
+
showValuesAsDataPointsText: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.showValuesAsDataPointsText) !== null && _236 !== void 0 ? _236 : showValuesAsDataPointsText,
|
|
458
|
+
startFillColor: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.startFillColor) !== null && _238 !== void 0 ? _238 : startFillColor1,
|
|
459
|
+
endFillColor: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.endFillColor) !== null && _240 !== void 0 ? _240 : endFillColor1,
|
|
460
|
+
startOpacity: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.startOpacity) !== null && _242 !== void 0 ? _242 : startOpacity1,
|
|
461
|
+
endOpacity: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.endOpacity) !== null && _244 !== void 0 ? _244 : endOpacity1,
|
|
462
|
+
textFontSize: (_246 = (_245 = props.secondaryLineConfig) === null || _245 === void 0 ? void 0 : _245.textFontSize) !== null && _246 !== void 0 ? _246 : textFontSize1,
|
|
463
|
+
textColor: (_248 = (_247 = props.secondaryLineConfig) === null || _247 === void 0 ? void 0 : _247.textColor) !== null && _248 !== void 0 ? _248 : textColor1,
|
|
464
|
+
showArrow: (_250 = (_249 = props.secondaryLineConfig) === null || _249 === void 0 ? void 0 : _249.showArrow) !== null && _250 !== void 0 ? _250 : props.showArrows,
|
|
465
|
+
arrowConfig: (_252 = (_251 = props.secondaryLineConfig) === null || _251 === void 0 ? void 0 : _251.arrowConfig) !== null && _252 !== void 0 ? _252 : props.arrowConfig
|
|
382
466
|
};
|
|
383
467
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
384
468
|
? 0
|
|
385
|
-
: (
|
|
469
|
+
: (_253 = props.yAxisExtraHeight) !== null && _253 !== void 0 ? _253 : containerHeight / 20;
|
|
386
470
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
387
471
|
return ('M ' +
|
|
388
472
|
initialSpacing +
|
|
@@ -407,36 +491,36 @@ export var useLineChart = function (props) {
|
|
|
407
491
|
heightUptoXaxis +
|
|
408
492
|
' ');
|
|
409
493
|
};
|
|
410
|
-
var getNextPoint = function (data, index, around, before) {
|
|
494
|
+
var getNextPoint = function (data, index, around, before, spacingArray) {
|
|
411
495
|
var isLast = index === data.length - 1;
|
|
412
496
|
return isLast && !(around || before)
|
|
413
497
|
? ' '
|
|
414
498
|
: ' L' +
|
|
415
|
-
(getX(index) +
|
|
499
|
+
(getX(spacingArray, index) +
|
|
416
500
|
(around ? (isLast ? 0 : spacing / 2) : before ? 0 : spacing)) +
|
|
417
501
|
' ' +
|
|
418
502
|
getY(data[index].value) +
|
|
419
503
|
' ';
|
|
420
504
|
};
|
|
421
|
-
var getStepPath = function (data, i) {
|
|
505
|
+
var getStepPath = function (data, i, spacingArray) {
|
|
422
506
|
var around = edgePosition === EdgePosition.AROUND_DATA_POINT;
|
|
423
507
|
var before = edgePosition === EdgePosition.BEFORE_DATA_POINT;
|
|
424
508
|
return ('L' +
|
|
425
|
-
(getX(i) -
|
|
509
|
+
(getX(spacingArray, i) -
|
|
426
510
|
(around && i > 0 ? spacing / 2 : before && i > 0 ? spacing : 0)) +
|
|
427
511
|
' ' +
|
|
428
512
|
getY(data[i].value) +
|
|
429
|
-
getNextPoint(data, i, around, before));
|
|
513
|
+
getNextPoint(data, i, around, before, spacingArray));
|
|
430
514
|
};
|
|
431
|
-
var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, isSecondary) {
|
|
515
|
+
var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, spacingArray, isSecondary) {
|
|
432
516
|
var path = 'L' +
|
|
433
|
-
getX(i) +
|
|
517
|
+
getX(spacingArray, i) +
|
|
434
518
|
' ' +
|
|
435
519
|
(isSecondary ? getSecondaryY(data[i].value) : getY(data[i].value)) +
|
|
436
520
|
' ' +
|
|
437
521
|
getSegmentString(lineSegment, i, SEGMENT_START, SEGMENT_END);
|
|
438
522
|
if (highlightedRange) {
|
|
439
|
-
path += getPathWithHighlight(data, i, highlightedRange, startIndex, endIndex, getX, getY);
|
|
523
|
+
path += getPathWithHighlight(data, i, highlightedRange, startIndex, endIndex, spacingArray, getX, getY);
|
|
440
524
|
}
|
|
441
525
|
return path;
|
|
442
526
|
};
|
|
@@ -455,7 +539,7 @@ export var useLineChart = function (props) {
|
|
|
455
539
|
if (i >= ((_b = set.startIndex) !== null && _b !== void 0 ? _b : 0) &&
|
|
456
540
|
i <= ((_c = set.endIndex) !== null && _c !== void 0 ? _c : set.data.length - 1)) {
|
|
457
541
|
pArray.push([
|
|
458
|
-
getX(i),
|
|
542
|
+
getX(cumulativeSpacingForSet[index], i),
|
|
459
543
|
set.isSecondary
|
|
460
544
|
? getSecondaryY(set.data[i].value)
|
|
461
545
|
: getY(set.data[i].value)
|
|
@@ -485,10 +569,10 @@ export var useLineChart = function (props) {
|
|
|
485
569
|
if (i >= ((_h = set.startIndex) !== null && _h !== void 0 ? _h : 0) &&
|
|
486
570
|
i <= ((_j = set.endIndex) !== null && _j !== void 0 ? _j : set.data.length - 1)) {
|
|
487
571
|
if ((_k = set.stepChart) !== null && _k !== void 0 ? _k : stepChart) {
|
|
488
|
-
pp += getStepPath(set.data, i);
|
|
572
|
+
pp += getStepPath(set.data, i, cumulativeSpacingForSet[index]);
|
|
489
573
|
}
|
|
490
574
|
else {
|
|
491
|
-
pp += getSegmentPath(set.data, i, set.lineSegments, (_l = set.startIndex) !== null && _l !== void 0 ? _l : 0, (_m = set.endIndex) !== null && _m !== void 0 ? _m : set.data.length - 1, set.isSecondary);
|
|
575
|
+
pp += getSegmentPath(set.data, i, set.lineSegments, (_l = set.startIndex) !== null && _l !== void 0 ? _l : 0, (_m = set.endIndex) !== null && _m !== void 0 ? _m : set.data.length - 1, cumulativeSpacingForSet[index], set.isSecondary);
|
|
492
576
|
}
|
|
493
577
|
}
|
|
494
578
|
}
|
|
@@ -532,42 +616,42 @@ export var useLineChart = function (props) {
|
|
|
532
616
|
for (var i = 0; i < lengthOfLongestDataArray; i++) {
|
|
533
617
|
if (i >= startIndex1 && i <= endIndex1) {
|
|
534
618
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart1) {
|
|
535
|
-
pp += getStepPath(data, i);
|
|
619
|
+
pp += getStepPath(data, i, cumulativeSpacing1);
|
|
536
620
|
}
|
|
537
621
|
else {
|
|
538
|
-
pp += getSegmentPath(data, i, lineSegments, startIndex1, endIndex1);
|
|
622
|
+
pp += getSegmentPath(data, i, lineSegments, startIndex1, endIndex1, cumulativeSpacing1);
|
|
539
623
|
}
|
|
540
624
|
}
|
|
541
625
|
if (data2.length > 0 && i >= startIndex2 && i <= endIndex2) {
|
|
542
626
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart2) {
|
|
543
|
-
pp2 += getStepPath(data2, i);
|
|
627
|
+
pp2 += getStepPath(data2, i, cumulativeSpacing2);
|
|
544
628
|
}
|
|
545
629
|
else {
|
|
546
|
-
pp2 += getSegmentPath(data2, i, lineSegments2, startIndex2, endIndex2);
|
|
630
|
+
pp2 += getSegmentPath(data2, i, lineSegments2, startIndex2, endIndex2, cumulativeSpacing2);
|
|
547
631
|
}
|
|
548
632
|
}
|
|
549
633
|
if (data3.length > 0 && i >= startIndex3 && i <= endIndex3) {
|
|
550
634
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart3) {
|
|
551
|
-
pp3 += getStepPath(data3, i);
|
|
635
|
+
pp3 += getStepPath(data3, i, cumulativeSpacing3);
|
|
552
636
|
}
|
|
553
637
|
else {
|
|
554
|
-
pp3 += getSegmentPath(data3, i, lineSegments3, startIndex3, endIndex3);
|
|
638
|
+
pp3 += getSegmentPath(data3, i, lineSegments3, startIndex3, endIndex3, cumulativeSpacing3);
|
|
555
639
|
}
|
|
556
640
|
}
|
|
557
641
|
if (data4.length > 0 && i >= startIndex4 && i <= endIndex4) {
|
|
558
642
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart4) {
|
|
559
|
-
pp4 += getStepPath(data4, i);
|
|
643
|
+
pp4 += getStepPath(data4, i, cumulativeSpacing4);
|
|
560
644
|
}
|
|
561
645
|
else {
|
|
562
|
-
pp4 += getSegmentPath(data4, i, lineSegments4, startIndex4, endIndex4);
|
|
646
|
+
pp4 += getSegmentPath(data4, i, lineSegments4, startIndex4, endIndex4, cumulativeSpacing4);
|
|
563
647
|
}
|
|
564
648
|
}
|
|
565
649
|
if (data5.length > 0 && i >= startIndex5 && i <= endIndex5) {
|
|
566
650
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart5) {
|
|
567
|
-
pp5 += getStepPath(data5, i);
|
|
651
|
+
pp5 += getStepPath(data5, i, cumulativeSpacing5);
|
|
568
652
|
}
|
|
569
653
|
else {
|
|
570
|
-
pp5 += getSegmentPath(data5, i, lineSegments5, startIndex5, endIndex5);
|
|
654
|
+
pp5 += getSegmentPath(data5, i, lineSegments5, startIndex5, endIndex5, cumulativeSpacing5);
|
|
571
655
|
}
|
|
572
656
|
}
|
|
573
657
|
}
|
|
@@ -697,19 +781,19 @@ export var useLineChart = function (props) {
|
|
|
697
781
|
var p5Array = [];
|
|
698
782
|
for (var i = 0; i < lengthOfLongestDataArray; i++) {
|
|
699
783
|
if (i >= startIndex1 && i <= endIndex1) {
|
|
700
|
-
p1Array.push([getX(i), getY(data[i].value)]);
|
|
784
|
+
p1Array.push([getX(cumulativeSpacing1, i), getY(data[i].value)]);
|
|
701
785
|
}
|
|
702
786
|
if (data2.length > 0 && i >= startIndex2 && i <= endIndex2) {
|
|
703
|
-
p2Array.push([getX(i), getY(data2[i].value)]);
|
|
787
|
+
p2Array.push([getX(cumulativeSpacing2, i), getY(data2[i].value)]);
|
|
704
788
|
}
|
|
705
789
|
if (data3.length > 0 && i >= startIndex3 && i <= endIndex3) {
|
|
706
|
-
p3Array.push([getX(i), getY(data3[i].value)]);
|
|
790
|
+
p3Array.push([getX(cumulativeSpacing3, i), getY(data3[i].value)]);
|
|
707
791
|
}
|
|
708
792
|
if (data4.length > 0 && i >= startIndex4 && i <= endIndex4) {
|
|
709
|
-
p4Array.push([getX(i), getY(data4[i].value)]);
|
|
793
|
+
p4Array.push([getX(cumulativeSpacing4, i), getY(data4[i].value)]);
|
|
710
794
|
}
|
|
711
795
|
if (data5.length > 0 && i >= startIndex5 && i <= endIndex5) {
|
|
712
|
-
p5Array.push([getX(i), getY(data5[i].value)]);
|
|
796
|
+
p5Array.push([getX(cumulativeSpacing5, i), getY(data5[i].value)]);
|
|
713
797
|
}
|
|
714
798
|
}
|
|
715
799
|
var xx = svgPath(p1Array, curveType, curvature);
|
|
@@ -850,7 +934,11 @@ export var useLineChart = function (props) {
|
|
|
850
934
|
if (i >= secondaryLineConfig.startIndex &&
|
|
851
935
|
i <= secondaryLineConfig.endIndex) {
|
|
852
936
|
pp +=
|
|
853
|
-
'L' +
|
|
937
|
+
'L' +
|
|
938
|
+
getX(cumulativeSpacingSecondary, i) +
|
|
939
|
+
' ' +
|
|
940
|
+
getSecondaryY(secondaryData[i].value) +
|
|
941
|
+
' ';
|
|
854
942
|
}
|
|
855
943
|
}
|
|
856
944
|
setSecondaryPoints(pp.replace('L', 'M'));
|
|
@@ -871,7 +959,7 @@ export var useLineChart = function (props) {
|
|
|
871
959
|
ppp += pp;
|
|
872
960
|
ppp +=
|
|
873
961
|
'L' +
|
|
874
|
-
(
|
|
962
|
+
getX(cumulativeSpacingSecondary, secondaryData.length - 1) +
|
|
875
963
|
' ' +
|
|
876
964
|
heightUptoXaxis;
|
|
877
965
|
ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
@@ -885,7 +973,10 @@ export var useLineChart = function (props) {
|
|
|
885
973
|
for (var i = 0; i < secondaryData.length; i++) {
|
|
886
974
|
if (i >= secondaryLineConfig.startIndex &&
|
|
887
975
|
i <= secondaryLineConfig.endIndex) {
|
|
888
|
-
p1Array.push([
|
|
976
|
+
p1Array.push([
|
|
977
|
+
getX(cumulativeSpacingSecondary, i),
|
|
978
|
+
getSecondaryY(secondaryData[i].value)
|
|
979
|
+
]);
|
|
889
980
|
}
|
|
890
981
|
}
|
|
891
982
|
var xx = svgPath(p1Array, secondaryLineConfig.curveType, secondaryLineConfig.curvature);
|
|
@@ -907,87 +998,87 @@ export var useLineChart = function (props) {
|
|
|
907
998
|
}
|
|
908
999
|
}
|
|
909
1000
|
}, [secondaryData, secondaryLineConfig]);
|
|
910
|
-
var gradientDirection = (
|
|
1001
|
+
var gradientDirection = (_254 = props.gradientDirection) !== null && _254 !== void 0 ? _254 : 'vertical';
|
|
911
1002
|
var horizSections = [{ value: '0' }];
|
|
912
|
-
var stepHeight = (
|
|
913
|
-
var stepValue = (
|
|
914
|
-
var noOfSectionsBelowXAxis = (
|
|
1003
|
+
var stepHeight = (_255 = props.stepHeight) !== null && _255 !== void 0 ? _255 : containerHeight / noOfSections;
|
|
1004
|
+
var stepValue = (_256 = props.stepValue) !== null && _256 !== void 0 ? _256 : maxValue / noOfSections;
|
|
1005
|
+
var noOfSectionsBelowXAxis = (_257 = props.noOfSectionsBelowXAxis) !== null && _257 !== void 0 ? _257 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
915
1006
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
916
1007
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
917
1008
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
918
1009
|
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
919
1010
|
stepHeight;
|
|
920
|
-
var showXAxisIndices = (
|
|
921
|
-
var xAxisIndicesHeight = (
|
|
922
|
-
var xAxisIndicesWidth = (
|
|
923
|
-
var xAxisIndicesColor = (
|
|
924
|
-
var xAxisTextNumberOfLines = (
|
|
925
|
-
var xAxisLabelsVerticalShift = (
|
|
1011
|
+
var showXAxisIndices = (_258 = props.showXAxisIndices) !== null && _258 !== void 0 ? _258 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1012
|
+
var xAxisIndicesHeight = (_259 = props.xAxisIndicesHeight) !== null && _259 !== void 0 ? _259 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1013
|
+
var xAxisIndicesWidth = (_260 = props.xAxisIndicesWidth) !== null && _260 !== void 0 ? _260 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1014
|
+
var xAxisIndicesColor = (_261 = props.xAxisIndicesColor) !== null && _261 !== void 0 ? _261 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1015
|
+
var xAxisTextNumberOfLines = (_262 = props.xAxisTextNumberOfLines) !== null && _262 !== void 0 ? _262 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1016
|
+
var xAxisLabelsVerticalShift = (_263 = props.xAxisLabelsVerticalShift) !== null && _263 !== void 0 ? _263 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
926
1017
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
927
1018
|
var horizontal = false;
|
|
928
1019
|
var yAxisAtTop = false;
|
|
929
1020
|
defaultPointerConfig.pointerStripHeight =
|
|
930
1021
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
931
1022
|
var pointerConfig = props.pointerConfig;
|
|
932
|
-
var getPointerProps = (
|
|
933
|
-
var pointerHeight = (
|
|
934
|
-
var pointerWidth = (
|
|
935
|
-
var pointerRadius = (
|
|
936
|
-
var pointerColor = (
|
|
937
|
-
var pointerComponent = (
|
|
1023
|
+
var getPointerProps = (_264 = props.getPointerProps) !== null && _264 !== void 0 ? _264 : null;
|
|
1024
|
+
var pointerHeight = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.height;
|
|
1025
|
+
var pointerWidth = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.width;
|
|
1026
|
+
var pointerRadius = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.radius;
|
|
1027
|
+
var pointerColor = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.pointerColor;
|
|
1028
|
+
var pointerComponent = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.pointerComponent;
|
|
938
1029
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
939
1030
|
? false
|
|
940
1031
|
: defaultPointerConfig.showPointerStrip;
|
|
941
|
-
var pointerStripHeight = (
|
|
942
|
-
var pointerStripWidth = (
|
|
943
|
-
var pointerStripColor = (
|
|
944
|
-
var pointerStripUptoDataPoint = (
|
|
945
|
-
var pointerLabelComponent = (
|
|
946
|
-
var stripOverPointer = (
|
|
947
|
-
var shiftPointerLabelX = (
|
|
948
|
-
var shiftPointerLabelY = (
|
|
949
|
-
var pointerLabelWidth = (
|
|
950
|
-
var pointerLabelHeight = (
|
|
951
|
-
var autoAdjustPointerLabelPosition = (
|
|
952
|
-
var pointerVanishDelay = (
|
|
953
|
-
var activatePointersOnLongPress = (
|
|
954
|
-
var activatePointersDelay = (
|
|
955
|
-
var initialPointerIndex = (
|
|
956
|
-
var initialPointerAppearDelay = (
|
|
1032
|
+
var pointerStripHeight = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.pointerStripHeight;
|
|
1033
|
+
var pointerStripWidth = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.pointerStripWidth;
|
|
1034
|
+
var pointerStripColor = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.pointerStripColor;
|
|
1035
|
+
var pointerStripUptoDataPoint = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1036
|
+
var pointerLabelComponent = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.pointerLabelComponent;
|
|
1037
|
+
var stripOverPointer = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.stripOverPointer;
|
|
1038
|
+
var shiftPointerLabelX = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.shiftPointerLabelX;
|
|
1039
|
+
var shiftPointerLabelY = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.shiftPointerLabelY;
|
|
1040
|
+
var pointerLabelWidth = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerLabelWidth;
|
|
1041
|
+
var pointerLabelHeight = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerLabelHeight;
|
|
1042
|
+
var autoAdjustPointerLabelPosition = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1043
|
+
var pointerVanishDelay = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerVanishDelay;
|
|
1044
|
+
var activatePointersOnLongPress = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1045
|
+
var activatePointersDelay = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.activatePointersDelay;
|
|
1046
|
+
var initialPointerIndex = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.initialPointerIndex;
|
|
1047
|
+
var initialPointerAppearDelay = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _285 !== void 0 ? _285 : (isAnimated
|
|
957
1048
|
? animationDuration
|
|
958
1049
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
959
|
-
var persistPointer = (
|
|
960
|
-
var hidePointers = (
|
|
961
|
-
var hidePointer1 = (
|
|
962
|
-
var hidePointer2 = (
|
|
963
|
-
var hidePointer3 = (
|
|
964
|
-
var hidePointer4 = (
|
|
965
|
-
var hidePointer5 = (
|
|
966
|
-
var hideSecondaryPointer = (
|
|
967
|
-
var resetPointerOnDataChange = (
|
|
1050
|
+
var persistPointer = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.persistPointer;
|
|
1051
|
+
var hidePointers = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.hidePointers;
|
|
1052
|
+
var hidePointer1 = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.hidePointer1;
|
|
1053
|
+
var hidePointer2 = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.hidePointer2;
|
|
1054
|
+
var hidePointer3 = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.hidePointer3;
|
|
1055
|
+
var hidePointer4 = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.hidePointer4;
|
|
1056
|
+
var hidePointer5 = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.hidePointer5;
|
|
1057
|
+
var hideSecondaryPointer = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.hideSecondaryPointer;
|
|
1058
|
+
var resetPointerOnDataChange = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.resetPointerOnDataChange;
|
|
968
1059
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
969
|
-
var disableScroll = (
|
|
1060
|
+
var disableScroll = (_295 = props.disableScroll) !== null && _295 !== void 0 ? _295 : (pointerConfig
|
|
970
1061
|
? activatePointersOnLongPress
|
|
971
1062
|
? !!responderActive
|
|
972
1063
|
: true
|
|
973
1064
|
: false);
|
|
974
|
-
var showScrollIndicator = (
|
|
975
|
-
var focusEnabled = (
|
|
976
|
-
var showDataPointOnFocus = (
|
|
977
|
-
var showStripOnFocus = (
|
|
978
|
-
var showTextOnFocus = (
|
|
979
|
-
var showDataPointLabelOnFocus = (
|
|
1065
|
+
var showScrollIndicator = (_296 = props.showScrollIndicator) !== null && _296 !== void 0 ? _296 : LineDefaults.showScrollIndicator;
|
|
1066
|
+
var focusEnabled = (_297 = props.focusEnabled) !== null && _297 !== void 0 ? _297 : LineDefaults.focusEnabled;
|
|
1067
|
+
var showDataPointOnFocus = (_298 = props.showDataPointOnFocus) !== null && _298 !== void 0 ? _298 : LineDefaults.showDataPointOnFocus;
|
|
1068
|
+
var showStripOnFocus = (_299 = props.showStripOnFocus) !== null && _299 !== void 0 ? _299 : LineDefaults.showStripOnFocus;
|
|
1069
|
+
var showTextOnFocus = (_300 = props.showTextOnFocus) !== null && _300 !== void 0 ? _300 : LineDefaults.showTextOnFocus;
|
|
1070
|
+
var showDataPointLabelOnFocus = (_301 = props.showDataPointLabelOnFocus) !== null && _301 !== void 0 ? _301 : LineDefaults.showDataPointLabelOnFocus;
|
|
980
1071
|
var stripHeight = props.stripHeight;
|
|
981
|
-
var stripWidth = (
|
|
982
|
-
var stripColor = (
|
|
983
|
-
var stripOpacity = (
|
|
1072
|
+
var stripWidth = (_302 = props.stripWidth) !== null && _302 !== void 0 ? _302 : LineDefaults.stripWidth;
|
|
1073
|
+
var stripColor = (_303 = props.stripColor) !== null && _303 !== void 0 ? _303 : color1;
|
|
1074
|
+
var stripOpacity = (_304 = props.stripOpacity) !== null && _304 !== void 0 ? _304 : (startOpacity1 + endOpacity1) / 2;
|
|
984
1075
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
985
|
-
var unFocusOnPressOut = (
|
|
986
|
-
var delayBeforeUnFocus = (
|
|
987
|
-
var lineGradient = (
|
|
988
|
-
var lineGradientDirection = (
|
|
989
|
-
var lineGradientStartColor = (
|
|
990
|
-
var lineGradientEndColor = (
|
|
1076
|
+
var unFocusOnPressOut = (_305 = props.unFocusOnPressOut) !== null && _305 !== void 0 ? _305 : LineDefaults.unFocusOnPressOut;
|
|
1077
|
+
var delayBeforeUnFocus = (_306 = props.delayBeforeUnFocus) !== null && _306 !== void 0 ? _306 : LineDefaults.delayBeforeUnFocus;
|
|
1078
|
+
var lineGradient = (_307 = props.lineGradient) !== null && _307 !== void 0 ? _307 : LineDefaults.lineGradient;
|
|
1079
|
+
var lineGradientDirection = (_308 = props.lineGradientDirection) !== null && _308 !== void 0 ? _308 : 'vertical';
|
|
1080
|
+
var lineGradientStartColor = (_309 = props.lineGradientStartColor) !== null && _309 !== void 0 ? _309 : LineDefaults.lineGradientStartColor;
|
|
1081
|
+
var lineGradientEndColor = (_310 = props.lineGradientEndColor) !== null && _310 !== void 0 ? _310 : LineDefaults.lineGradientEndColor;
|
|
991
1082
|
var getPointerY = function (value) {
|
|
992
1083
|
return value
|
|
993
1084
|
? containerHeight -
|
|
@@ -1058,8 +1149,8 @@ export var useLineChart = function (props) {
|
|
|
1058
1149
|
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 : [];
|
|
1059
1150
|
setPointerYsForDataSet(initialPointerYs);
|
|
1060
1151
|
};
|
|
1061
|
-
var dataPointsRadius = (
|
|
1062
|
-
var dataPointsWidth = (
|
|
1152
|
+
var dataPointsRadius = (_312 = (_311 = props.dataPointsRadius1) !== null && _311 !== void 0 ? _311 : props.dataPointsRadius) !== null && _312 !== void 0 ? _312 : LineDefaults.dataPointsRadius;
|
|
1153
|
+
var dataPointsWidth = (_314 = (_313 = props.dataPointsWidth1) !== null && _313 !== void 0 ? _313 : props.dataPointsWidth) !== null && _314 !== void 0 ? _314 : LineDefaults.dataPointsWidth;
|
|
1063
1154
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1064
1155
|
? 0
|
|
1065
1156
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1127,7 +1218,7 @@ export var useLineChart = function (props) {
|
|
|
1127
1218
|
pointerY: pointerY,
|
|
1128
1219
|
onEndReached: props.onEndReached,
|
|
1129
1220
|
onStartReached: props.onStartReached,
|
|
1130
|
-
endReachedOffset: (
|
|
1221
|
+
endReachedOffset: (_315 = props.endReachedOffset) !== null && _315 !== void 0 ? _315 : LineDefaults.endReachedOffset,
|
|
1131
1222
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1132
1223
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1133
1224
|
};
|
|
@@ -1482,7 +1573,14 @@ export var useLineChart = function (props) {
|
|
|
1482
1573
|
getPointerY: getPointerY,
|
|
1483
1574
|
initialisePointers: initialisePointers,
|
|
1484
1575
|
barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
|
|
1485
|
-
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
|
|
1576
|
+
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
|
|
1577
|
+
cumulativeSpacing1: cumulativeSpacing1,
|
|
1578
|
+
cumulativeSpacing2: cumulativeSpacing2,
|
|
1579
|
+
cumulativeSpacing3: cumulativeSpacing3,
|
|
1580
|
+
cumulativeSpacing4: cumulativeSpacing4,
|
|
1581
|
+
cumulativeSpacing5: cumulativeSpacing5,
|
|
1582
|
+
cumulativeSpacingSecondary: cumulativeSpacingSecondary,
|
|
1583
|
+
cumulativeSpacingForSet: cumulativeSpacingForSet
|
|
1486
1584
|
// oldPoints
|
|
1487
1585
|
};
|
|
1488
1586
|
};
|