gifted-charts-core 0.1.43 → 0.1.44
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 -226
- package/dist/LineChart/types.d.ts +6 -0
- package/dist/PieChart/main.d.ts +17 -0
- package/dist/PieChart/main.js +45 -6
- package/dist/PieChart/types.d.ts +13 -0
- 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 +3 -3
- package/dist/utils/types.d.ts +2 -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);
|
|
@@ -250,139 +250,225 @@ export var useLineChart = function (props) {
|
|
|
250
250
|
var textColor3 = (_99 = (_98 = props.textColor3) !== null && _98 !== void 0 ? _98 : props.textColor) !== null && _99 !== void 0 ? _99 : LineDefaults.textColor;
|
|
251
251
|
var textColor4 = (_101 = (_100 = props.textColor4) !== null && _100 !== void 0 ? _100 : props.textColor) !== null && _101 !== void 0 ? _101 : LineDefaults.textColor;
|
|
252
252
|
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
253
|
var mergedPrimaryDataArrays = [];
|
|
255
254
|
var mergedSecondaryDataArrays = [];
|
|
255
|
+
var maxSpacingSum = 0; // max of spacingSum among all the lines
|
|
256
|
+
var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
|
|
257
|
+
var cumulativeSpacingForSet = Array((_104 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) !== null && _104 !== void 0 ? _104 : 0).fill([]);
|
|
256
258
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
257
|
-
dataSet.forEach(function (set) {
|
|
259
|
+
dataSet.forEach(function (set, index) {
|
|
260
|
+
var _a;
|
|
258
261
|
if (set.isSecondary) {
|
|
259
262
|
mergedSecondaryDataArrays.push.apply(mergedSecondaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
260
263
|
}
|
|
261
264
|
else {
|
|
262
265
|
mergedPrimaryDataArrays.push.apply(mergedPrimaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
263
266
|
}
|
|
267
|
+
var space = (_a = set.spacing) !== null && _a !== void 0 ? _a : spacing;
|
|
268
|
+
var spacingSum = 0;
|
|
269
|
+
set.data.forEach(function (item) {
|
|
270
|
+
var _a;
|
|
271
|
+
spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
|
|
272
|
+
cumulativeSpacingForSet[index].push(spacingSum);
|
|
273
|
+
});
|
|
274
|
+
if (maxSpacingSum < spacingSum) {
|
|
275
|
+
maxSpacingSum = spacingSum;
|
|
276
|
+
}
|
|
264
277
|
});
|
|
265
278
|
}
|
|
266
279
|
else {
|
|
280
|
+
var spacingSum_1 = 0;
|
|
281
|
+
var space_1 = (_105 = props.spacing1) !== null && _105 !== void 0 ? _105 : spacing;
|
|
282
|
+
data.forEach(function (item) {
|
|
283
|
+
var _a;
|
|
284
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
285
|
+
cumulativeSpacing1.push(spacingSum_1);
|
|
286
|
+
});
|
|
287
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
288
|
+
maxSpacingSum = spacingSum_1;
|
|
289
|
+
}
|
|
290
|
+
if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
|
|
291
|
+
spacingSum_1 = 0;
|
|
292
|
+
space_1 = (_106 = props.spacing2) !== null && _106 !== void 0 ? _106 : spacing;
|
|
293
|
+
data2.forEach(function (item) {
|
|
294
|
+
var _a;
|
|
295
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
296
|
+
cumulativeSpacing2.push(spacingSum_1);
|
|
297
|
+
});
|
|
298
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
299
|
+
maxSpacingSum = spacingSum_1;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
|
|
303
|
+
spacingSum_1 = 0;
|
|
304
|
+
space_1 = (_107 = props.spacing3) !== null && _107 !== void 0 ? _107 : spacing;
|
|
305
|
+
data3.forEach(function (item) {
|
|
306
|
+
var _a;
|
|
307
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
308
|
+
cumulativeSpacing3.push(spacingSum_1);
|
|
309
|
+
});
|
|
310
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
311
|
+
maxSpacingSum = spacingSum_1;
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
|
|
315
|
+
spacingSum_1 = 0;
|
|
316
|
+
space_1 = (_108 = props.spacing4) !== null && _108 !== void 0 ? _108 : spacing;
|
|
317
|
+
data4.forEach(function (item) {
|
|
318
|
+
var _a;
|
|
319
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
320
|
+
cumulativeSpacing4.push(spacingSum_1);
|
|
321
|
+
});
|
|
322
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
323
|
+
maxSpacingSum = spacingSum_1;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
|
|
327
|
+
spacingSum_1 = 0;
|
|
328
|
+
space_1 = (_109 = props.spacing5) !== null && _109 !== void 0 ? _109 : spacing;
|
|
329
|
+
data5.forEach(function (item) {
|
|
330
|
+
var _a;
|
|
331
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
332
|
+
cumulativeSpacing5.push(spacingSum_1);
|
|
333
|
+
});
|
|
334
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
335
|
+
maxSpacingSum = spacingSum_1;
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
|
|
339
|
+
spacingSum_1 = 0;
|
|
340
|
+
space_1 = (_111 = (_110 = props.secondaryLineConfig) === null || _110 === void 0 ? void 0 : _110.spacing) !== null && _111 !== void 0 ? _111 : spacing;
|
|
341
|
+
secondaryData.forEach(function (item) {
|
|
342
|
+
var _a;
|
|
343
|
+
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
344
|
+
cumulativeSpacingSecondary.push(spacingSum_1);
|
|
345
|
+
});
|
|
346
|
+
if (maxSpacingSum < spacingSum_1) {
|
|
347
|
+
maxSpacingSum = spacingSum_1;
|
|
348
|
+
}
|
|
349
|
+
}
|
|
267
350
|
mergedPrimaryDataArrays = data;
|
|
268
351
|
mergedSecondaryDataArrays = secondaryData;
|
|
269
352
|
}
|
|
270
353
|
if (!mergedPrimaryDataArrays.length) {
|
|
271
354
|
mergedPrimaryDataArrays = __spreadArray([], __read(mergedSecondaryDataArrays), false);
|
|
272
355
|
}
|
|
356
|
+
var totalWidth = initialSpacing + maxSpacingSum + endSpacing;
|
|
273
357
|
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
358
|
Math.min.apply(// find the largest +ve number
|
|
275
359
|
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
|
|
360
|
+
var showFractionalValues = (_112 = props.showFractionalValues) !== null && _112 !== void 0 ? _112 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
361
|
+
var roundToDigits = (_113 = props.roundToDigits) !== null && _113 !== void 0 ? _113 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
362
|
+
var _360 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _360.maxItem, minItem = _360.minItem;
|
|
279
363
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
280
|
-
var mostNegativeValue = (
|
|
281
|
-
var overflowTop = ((
|
|
364
|
+
var mostNegativeValue = (_114 = props.mostNegativeValue) !== null && _114 !== void 0 ? _114 : minItem;
|
|
365
|
+
var overflowTop = ((_115 = props.overflowTop) !== null && _115 !== void 0 ? _115 : props.secondaryXAxis)
|
|
282
366
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
283
367
|
: AxesAndRulesDefaults.overflowTop;
|
|
284
368
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
285
|
-
var getX = function (index) {
|
|
369
|
+
var getX = function (spacingArray, index) {
|
|
370
|
+
return initialSpacing + (index ? spacingArray[index - 1] : 0);
|
|
371
|
+
};
|
|
286
372
|
var getY = function (value) {
|
|
287
373
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
288
374
|
};
|
|
289
375
|
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
376
|
Math.min.apply(// find the largest +ve number
|
|
291
377
|
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 = (
|
|
378
|
+
var showSecondaryFractionalValues = (_117 = (_116 = props.secondaryYAxis) === null || _116 === void 0 ? void 0 : _116.showFractionalValues) !== null && _117 !== void 0 ? _117 : secondaryValuesRange <= 1;
|
|
379
|
+
var secondaryRoundToDigits = (_119 = (_118 = props.secondaryYAxis) === null || _118 === void 0 ? void 0 : _118.roundToDigits) !== null && _119 !== void 0 ? _119 : (showSecondaryFractionalValues
|
|
294
380
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
295
381
|
: 0);
|
|
296
|
-
var
|
|
297
|
-
var secondaryMaxValue = (
|
|
382
|
+
var _361 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _361.maxItem, secondaryMinItem = _361.minItem;
|
|
383
|
+
var secondaryMaxValue = (_121 = (_120 = props.secondaryYAxis) === null || _120 === void 0 ? void 0 : _120.maxValue) !== null && _121 !== void 0 ? _121 : (secondaryMaxItem || maxValue);
|
|
298
384
|
var getSecondaryY = function (value) {
|
|
299
385
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
300
386
|
};
|
|
301
387
|
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
|
|
388
|
+
var showValuesAsDataPointsText = (_122 = props.showValuesAsDataPointsText) !== null && _122 !== void 0 ? _122 : LineDefaults.showValuesAsDataPointsText;
|
|
389
|
+
var thickness1 = (_124 = (_123 = props.thickness1) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
390
|
+
var thickness2 = (_126 = (_125 = props.thickness2) !== null && _125 !== void 0 ? _125 : props.thickness) !== null && _126 !== void 0 ? _126 : LineDefaults.thickness;
|
|
391
|
+
var thickness3 = (_128 = (_127 = props.thickness3) !== null && _127 !== void 0 ? _127 : props.thickness) !== null && _128 !== void 0 ? _128 : LineDefaults.thickness;
|
|
392
|
+
var thickness4 = (_130 = (_129 = props.thickness4) !== null && _129 !== void 0 ? _129 : props.thickness) !== null && _130 !== void 0 ? _130 : LineDefaults.thickness;
|
|
393
|
+
var thickness5 = (_132 = (_131 = props.thickness5) !== null && _131 !== void 0 ? _131 : props.thickness) !== null && _132 !== void 0 ? _132 : LineDefaults.thickness;
|
|
394
|
+
var zIndex1 = (_133 = props.zIndex1) !== null && _133 !== void 0 ? _133 : 0;
|
|
395
|
+
var zIndex2 = (_134 = props.zIndex2) !== null && _134 !== void 0 ? _134 : 0;
|
|
396
|
+
var zIndex3 = (_135 = props.zIndex3) !== null && _135 !== void 0 ? _135 : 0;
|
|
397
|
+
var zIndex4 = (_136 = props.zIndex4) !== null && _136 !== void 0 ? _136 : 0;
|
|
398
|
+
var zIndex5 = (_137 = props.zIndex5) !== null && _137 !== void 0 ? _137 : 0;
|
|
399
|
+
var strokeDashArray1 = (_138 = props.strokeDashArray1) !== null && _138 !== void 0 ? _138 : props.strokeDashArray;
|
|
400
|
+
var strokeDashArray2 = (_139 = props.strokeDashArray2) !== null && _139 !== void 0 ? _139 : props.strokeDashArray;
|
|
401
|
+
var strokeDashArray3 = (_140 = props.strokeDashArray3) !== null && _140 !== void 0 ? _140 : props.strokeDashArray;
|
|
402
|
+
var strokeDashArray4 = (_141 = props.strokeDashArray4) !== null && _141 !== void 0 ? _141 : props.strokeDashArray;
|
|
403
|
+
var strokeDashArray5 = (_142 = props.strokeDashArray5) !== null && _142 !== void 0 ? _142 : props.strokeDashArray;
|
|
404
|
+
var rotateLabel = (_143 = props.rotateLabel) !== null && _143 !== void 0 ? _143 : false;
|
|
405
|
+
var isAnimated = (_144 = props.isAnimated) !== null && _144 !== void 0 ? _144 : false;
|
|
406
|
+
var hideDataPoints1 = (_146 = (_145 = props.hideDataPoints) !== null && _145 !== void 0 ? _145 : props.hideDataPoints1) !== null && _146 !== void 0 ? _146 : false;
|
|
407
|
+
var hideDataPoints2 = (_148 = (_147 = props.hideDataPoints) !== null && _147 !== void 0 ? _147 : props.hideDataPoints2) !== null && _148 !== void 0 ? _148 : false;
|
|
408
|
+
var hideDataPoints3 = (_150 = (_149 = props.hideDataPoints) !== null && _149 !== void 0 ? _149 : props.hideDataPoints3) !== null && _150 !== void 0 ? _150 : false;
|
|
409
|
+
var hideDataPoints4 = (_152 = (_151 = props.hideDataPoints) !== null && _151 !== void 0 ? _151 : props.hideDataPoints4) !== null && _152 !== void 0 ? _152 : false;
|
|
410
|
+
var hideDataPoints5 = (_154 = (_153 = props.hideDataPoints) !== null && _153 !== void 0 ? _153 : props.hideDataPoints5) !== null && _154 !== void 0 ? _154 : false;
|
|
411
|
+
var color1 = (_156 = (_155 = props.color1) !== null && _155 !== void 0 ? _155 : props.color) !== null && _156 !== void 0 ? _156 : LineDefaults.color;
|
|
412
|
+
var color2 = (_158 = (_157 = props.color2) !== null && _157 !== void 0 ? _157 : props.color) !== null && _158 !== void 0 ? _158 : LineDefaults.color;
|
|
413
|
+
var color3 = (_160 = (_159 = props.color3) !== null && _159 !== void 0 ? _159 : props.color) !== null && _160 !== void 0 ? _160 : LineDefaults.color;
|
|
414
|
+
var color4 = (_162 = (_161 = props.color4) !== null && _161 !== void 0 ? _161 : props.color) !== null && _162 !== void 0 ? _162 : LineDefaults.color;
|
|
415
|
+
var color5 = (_164 = (_163 = props.color5) !== null && _163 !== void 0 ? _163 : props.color) !== null && _164 !== void 0 ? _164 : LineDefaults.color;
|
|
416
|
+
var startFillColor1 = (_166 = (_165 = props.startFillColor1) !== null && _165 !== void 0 ? _165 : props.startFillColor) !== null && _166 !== void 0 ? _166 : LineDefaults.startFillColor;
|
|
417
|
+
var endFillColor1 = (_168 = (_167 = props.endFillColor1) !== null && _167 !== void 0 ? _167 : props.endFillColor) !== null && _168 !== void 0 ? _168 : LineDefaults.endFillColor;
|
|
418
|
+
var startOpacity = (_169 = props.startOpacity) !== null && _169 !== void 0 ? _169 : LineDefaults.startOpacity;
|
|
419
|
+
var endOpacity = (_170 = props.endOpacity) !== null && _170 !== void 0 ? _170 : LineDefaults.endOpacity;
|
|
420
|
+
var startOpacity1 = (_171 = props.startOpacity1) !== null && _171 !== void 0 ? _171 : startOpacity;
|
|
421
|
+
var endOpacity1 = (_172 = props.endOpacity1) !== null && _172 !== void 0 ? _172 : endOpacity;
|
|
422
|
+
var startFillColor2 = (_174 = (_173 = props.startFillColor2) !== null && _173 !== void 0 ? _173 : props.startFillColor) !== null && _174 !== void 0 ? _174 : LineDefaults.startFillColor;
|
|
423
|
+
var endFillColor2 = (_176 = (_175 = props.endFillColor2) !== null && _175 !== void 0 ? _175 : props.endFillColor) !== null && _176 !== void 0 ? _176 : LineDefaults.endFillColor;
|
|
424
|
+
var startOpacity2 = (_177 = props.startOpacity2) !== null && _177 !== void 0 ? _177 : startOpacity;
|
|
425
|
+
var endOpacity2 = (_178 = props.endOpacity2) !== null && _178 !== void 0 ? _178 : endOpacity;
|
|
426
|
+
var startFillColor3 = (_180 = (_179 = props.startFillColor3) !== null && _179 !== void 0 ? _179 : props.startFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.startFillColor;
|
|
427
|
+
var endFillColor3 = (_182 = (_181 = props.endFillColor3) !== null && _181 !== void 0 ? _181 : props.endFillColor) !== null && _182 !== void 0 ? _182 : LineDefaults.endFillColor;
|
|
428
|
+
var startOpacity3 = (_183 = props.startOpacity3) !== null && _183 !== void 0 ? _183 : startOpacity;
|
|
429
|
+
var endOpacity3 = (_184 = props.endOpacity3) !== null && _184 !== void 0 ? _184 : endOpacity;
|
|
430
|
+
var startFillColor4 = (_186 = (_185 = props.startFillColor4) !== null && _185 !== void 0 ? _185 : props.startFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.startFillColor;
|
|
431
|
+
var endFillColor4 = (_188 = (_187 = props.endFillColor4) !== null && _187 !== void 0 ? _187 : props.endFillColor) !== null && _188 !== void 0 ? _188 : LineDefaults.endFillColor;
|
|
432
|
+
var startOpacity4 = (_189 = props.startOpacity4) !== null && _189 !== void 0 ? _189 : startOpacity;
|
|
433
|
+
var endOpacity4 = (_190 = props.endOpacity4) !== null && _190 !== void 0 ? _190 : endOpacity;
|
|
434
|
+
var startFillColor5 = (_192 = (_191 = props.startFillColor5) !== null && _191 !== void 0 ? _191 : props.startFillColor) !== null && _192 !== void 0 ? _192 : LineDefaults.startFillColor;
|
|
435
|
+
var endFillColor5 = (_194 = (_193 = props.endFillColor5) !== null && _193 !== void 0 ? _193 : props.endFillColor) !== null && _194 !== void 0 ? _194 : LineDefaults.endFillColor;
|
|
436
|
+
var startOpacity5 = (_195 = props.startOpacity5) !== null && _195 !== void 0 ? _195 : startOpacity;
|
|
437
|
+
var endOpacity5 = (_196 = props.endOpacity5) !== null && _196 !== void 0 ? _196 : endOpacity;
|
|
438
|
+
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;
|
|
439
|
+
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;
|
|
440
|
+
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
441
|
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: (
|
|
442
|
+
zIndex: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.zIndex) !== null && _202 !== void 0 ? _202 : zIndex1,
|
|
443
|
+
curved: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.curved) !== null && _204 !== void 0 ? _204 : props.curved,
|
|
444
|
+
curvature: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.curvature) !== null && _206 !== void 0 ? _206 : curvature,
|
|
445
|
+
curveType: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curveType) !== null && _208 !== void 0 ? _208 : curveType,
|
|
446
|
+
areaChart: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.areaChart) !== null && _210 !== void 0 ? _210 : areaChart,
|
|
447
|
+
color: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.color) !== null && _212 !== void 0 ? _212 : color1,
|
|
448
|
+
thickness: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.thickness) !== null && _214 !== void 0 ? _214 : thickness1,
|
|
449
|
+
zIndex1: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.zIndex1) !== null && _216 !== void 0 ? _216 : zIndex1,
|
|
450
|
+
strokeDashArray: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.strokeDashArray) !== null && _218 !== void 0 ? _218 : strokeDashArray1,
|
|
451
|
+
startIndex: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.startIndex) !== null && _220 !== void 0 ? _220 : startIndex1,
|
|
452
|
+
endIndex: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.endIndex) !== null && _222 !== void 0 ? _222 : endIndex1,
|
|
453
|
+
hideDataPoints: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.hideDataPoints) !== null && _224 !== void 0 ? _224 : hideDataPoints1,
|
|
454
|
+
dataPointsHeight: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.dataPointsHeight) !== null && _226 !== void 0 ? _226 : dataPointsHeight1,
|
|
455
|
+
dataPointsWidth: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.dataPointsWidth) !== null && _228 !== void 0 ? _228 : dataPointsWidth1,
|
|
456
|
+
dataPointsRadius: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.dataPointsRadius) !== null && _230 !== void 0 ? _230 : dataPointsRadius1,
|
|
457
|
+
dataPointsColor: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.dataPointsColor) !== null && _232 !== void 0 ? _232 : dataPointsColor1,
|
|
458
|
+
dataPointsShape: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.dataPointsShape) !== null && _234 !== void 0 ? _234 : dataPointsShape1,
|
|
459
|
+
showValuesAsDataPointsText: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.showValuesAsDataPointsText) !== null && _236 !== void 0 ? _236 : showValuesAsDataPointsText,
|
|
460
|
+
startFillColor: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.startFillColor) !== null && _238 !== void 0 ? _238 : startFillColor1,
|
|
461
|
+
endFillColor: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.endFillColor) !== null && _240 !== void 0 ? _240 : endFillColor1,
|
|
462
|
+
startOpacity: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.startOpacity) !== null && _242 !== void 0 ? _242 : startOpacity1,
|
|
463
|
+
endOpacity: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.endOpacity) !== null && _244 !== void 0 ? _244 : endOpacity1,
|
|
464
|
+
textFontSize: (_246 = (_245 = props.secondaryLineConfig) === null || _245 === void 0 ? void 0 : _245.textFontSize) !== null && _246 !== void 0 ? _246 : textFontSize1,
|
|
465
|
+
textColor: (_248 = (_247 = props.secondaryLineConfig) === null || _247 === void 0 ? void 0 : _247.textColor) !== null && _248 !== void 0 ? _248 : textColor1,
|
|
466
|
+
showArrow: (_250 = (_249 = props.secondaryLineConfig) === null || _249 === void 0 ? void 0 : _249.showArrow) !== null && _250 !== void 0 ? _250 : props.showArrows,
|
|
467
|
+
arrowConfig: (_252 = (_251 = props.secondaryLineConfig) === null || _251 === void 0 ? void 0 : _251.arrowConfig) !== null && _252 !== void 0 ? _252 : props.arrowConfig
|
|
382
468
|
};
|
|
383
469
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
384
470
|
? 0
|
|
385
|
-
: (
|
|
471
|
+
: (_253 = props.yAxisExtraHeight) !== null && _253 !== void 0 ? _253 : containerHeight / 20;
|
|
386
472
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
387
473
|
return ('M ' +
|
|
388
474
|
initialSpacing +
|
|
@@ -407,36 +493,36 @@ export var useLineChart = function (props) {
|
|
|
407
493
|
heightUptoXaxis +
|
|
408
494
|
' ');
|
|
409
495
|
};
|
|
410
|
-
var getNextPoint = function (data, index, around, before) {
|
|
496
|
+
var getNextPoint = function (data, index, around, before, spacingArray) {
|
|
411
497
|
var isLast = index === data.length - 1;
|
|
412
498
|
return isLast && !(around || before)
|
|
413
499
|
? ' '
|
|
414
500
|
: ' L' +
|
|
415
|
-
(getX(index) +
|
|
501
|
+
(getX(spacingArray, index) +
|
|
416
502
|
(around ? (isLast ? 0 : spacing / 2) : before ? 0 : spacing)) +
|
|
417
503
|
' ' +
|
|
418
504
|
getY(data[index].value) +
|
|
419
505
|
' ';
|
|
420
506
|
};
|
|
421
|
-
var getStepPath = function (data, i) {
|
|
507
|
+
var getStepPath = function (data, i, spacingArray) {
|
|
422
508
|
var around = edgePosition === EdgePosition.AROUND_DATA_POINT;
|
|
423
509
|
var before = edgePosition === EdgePosition.BEFORE_DATA_POINT;
|
|
424
510
|
return ('L' +
|
|
425
|
-
(getX(i) -
|
|
511
|
+
(getX(spacingArray, i) -
|
|
426
512
|
(around && i > 0 ? spacing / 2 : before && i > 0 ? spacing : 0)) +
|
|
427
513
|
' ' +
|
|
428
514
|
getY(data[i].value) +
|
|
429
|
-
getNextPoint(data, i, around, before));
|
|
515
|
+
getNextPoint(data, i, around, before, spacingArray));
|
|
430
516
|
};
|
|
431
|
-
var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, isSecondary) {
|
|
517
|
+
var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, spacingArray, isSecondary) {
|
|
432
518
|
var path = 'L' +
|
|
433
|
-
getX(i) +
|
|
519
|
+
getX(spacingArray, i) +
|
|
434
520
|
' ' +
|
|
435
521
|
(isSecondary ? getSecondaryY(data[i].value) : getY(data[i].value)) +
|
|
436
522
|
' ' +
|
|
437
523
|
getSegmentString(lineSegment, i, SEGMENT_START, SEGMENT_END);
|
|
438
524
|
if (highlightedRange) {
|
|
439
|
-
path += getPathWithHighlight(data, i, highlightedRange, startIndex, endIndex, getX, getY);
|
|
525
|
+
path += getPathWithHighlight(data, i, highlightedRange, startIndex, endIndex, spacingArray, getX, getY);
|
|
440
526
|
}
|
|
441
527
|
return path;
|
|
442
528
|
};
|
|
@@ -455,7 +541,7 @@ export var useLineChart = function (props) {
|
|
|
455
541
|
if (i >= ((_b = set.startIndex) !== null && _b !== void 0 ? _b : 0) &&
|
|
456
542
|
i <= ((_c = set.endIndex) !== null && _c !== void 0 ? _c : set.data.length - 1)) {
|
|
457
543
|
pArray.push([
|
|
458
|
-
getX(i),
|
|
544
|
+
getX(cumulativeSpacingForSet[index], i),
|
|
459
545
|
set.isSecondary
|
|
460
546
|
? getSecondaryY(set.data[i].value)
|
|
461
547
|
: getY(set.data[i].value)
|
|
@@ -485,10 +571,10 @@ export var useLineChart = function (props) {
|
|
|
485
571
|
if (i >= ((_h = set.startIndex) !== null && _h !== void 0 ? _h : 0) &&
|
|
486
572
|
i <= ((_j = set.endIndex) !== null && _j !== void 0 ? _j : set.data.length - 1)) {
|
|
487
573
|
if ((_k = set.stepChart) !== null && _k !== void 0 ? _k : stepChart) {
|
|
488
|
-
pp += getStepPath(set.data, i);
|
|
574
|
+
pp += getStepPath(set.data, i, cumulativeSpacingForSet[index]);
|
|
489
575
|
}
|
|
490
576
|
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);
|
|
577
|
+
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
578
|
}
|
|
493
579
|
}
|
|
494
580
|
}
|
|
@@ -532,42 +618,42 @@ export var useLineChart = function (props) {
|
|
|
532
618
|
for (var i = 0; i < lengthOfLongestDataArray; i++) {
|
|
533
619
|
if (i >= startIndex1 && i <= endIndex1) {
|
|
534
620
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart1) {
|
|
535
|
-
pp += getStepPath(data, i);
|
|
621
|
+
pp += getStepPath(data, i, cumulativeSpacing1);
|
|
536
622
|
}
|
|
537
623
|
else {
|
|
538
|
-
pp += getSegmentPath(data, i, lineSegments, startIndex1, endIndex1);
|
|
624
|
+
pp += getSegmentPath(data, i, lineSegments, startIndex1, endIndex1, cumulativeSpacing1);
|
|
539
625
|
}
|
|
540
626
|
}
|
|
541
627
|
if (data2.length > 0 && i >= startIndex2 && i <= endIndex2) {
|
|
542
628
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart2) {
|
|
543
|
-
pp2 += getStepPath(data2, i);
|
|
629
|
+
pp2 += getStepPath(data2, i, cumulativeSpacing2);
|
|
544
630
|
}
|
|
545
631
|
else {
|
|
546
|
-
pp2 += getSegmentPath(data2, i, lineSegments2, startIndex2, endIndex2);
|
|
632
|
+
pp2 += getSegmentPath(data2, i, lineSegments2, startIndex2, endIndex2, cumulativeSpacing2);
|
|
547
633
|
}
|
|
548
634
|
}
|
|
549
635
|
if (data3.length > 0 && i >= startIndex3 && i <= endIndex3) {
|
|
550
636
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart3) {
|
|
551
|
-
pp3 += getStepPath(data3, i);
|
|
637
|
+
pp3 += getStepPath(data3, i, cumulativeSpacing3);
|
|
552
638
|
}
|
|
553
639
|
else {
|
|
554
|
-
pp3 += getSegmentPath(data3, i, lineSegments3, startIndex3, endIndex3);
|
|
640
|
+
pp3 += getSegmentPath(data3, i, lineSegments3, startIndex3, endIndex3, cumulativeSpacing3);
|
|
555
641
|
}
|
|
556
642
|
}
|
|
557
643
|
if (data4.length > 0 && i >= startIndex4 && i <= endIndex4) {
|
|
558
644
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart4) {
|
|
559
|
-
pp4 += getStepPath(data4, i);
|
|
645
|
+
pp4 += getStepPath(data4, i, cumulativeSpacing4);
|
|
560
646
|
}
|
|
561
647
|
else {
|
|
562
|
-
pp4 += getSegmentPath(data4, i, lineSegments4, startIndex4, endIndex4);
|
|
648
|
+
pp4 += getSegmentPath(data4, i, lineSegments4, startIndex4, endIndex4, cumulativeSpacing4);
|
|
563
649
|
}
|
|
564
650
|
}
|
|
565
651
|
if (data5.length > 0 && i >= startIndex5 && i <= endIndex5) {
|
|
566
652
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart5) {
|
|
567
|
-
pp5 += getStepPath(data5, i);
|
|
653
|
+
pp5 += getStepPath(data5, i, cumulativeSpacing5);
|
|
568
654
|
}
|
|
569
655
|
else {
|
|
570
|
-
pp5 += getSegmentPath(data5, i, lineSegments5, startIndex5, endIndex5);
|
|
656
|
+
pp5 += getSegmentPath(data5, i, lineSegments5, startIndex5, endIndex5, cumulativeSpacing5);
|
|
571
657
|
}
|
|
572
658
|
}
|
|
573
659
|
}
|
|
@@ -697,19 +783,19 @@ export var useLineChart = function (props) {
|
|
|
697
783
|
var p5Array = [];
|
|
698
784
|
for (var i = 0; i < lengthOfLongestDataArray; i++) {
|
|
699
785
|
if (i >= startIndex1 && i <= endIndex1) {
|
|
700
|
-
p1Array.push([getX(i), getY(data[i].value)]);
|
|
786
|
+
p1Array.push([getX(cumulativeSpacing1, i), getY(data[i].value)]);
|
|
701
787
|
}
|
|
702
788
|
if (data2.length > 0 && i >= startIndex2 && i <= endIndex2) {
|
|
703
|
-
p2Array.push([getX(i), getY(data2[i].value)]);
|
|
789
|
+
p2Array.push([getX(cumulativeSpacing2, i), getY(data2[i].value)]);
|
|
704
790
|
}
|
|
705
791
|
if (data3.length > 0 && i >= startIndex3 && i <= endIndex3) {
|
|
706
|
-
p3Array.push([getX(i), getY(data3[i].value)]);
|
|
792
|
+
p3Array.push([getX(cumulativeSpacing3, i), getY(data3[i].value)]);
|
|
707
793
|
}
|
|
708
794
|
if (data4.length > 0 && i >= startIndex4 && i <= endIndex4) {
|
|
709
|
-
p4Array.push([getX(i), getY(data4[i].value)]);
|
|
795
|
+
p4Array.push([getX(cumulativeSpacing4, i), getY(data4[i].value)]);
|
|
710
796
|
}
|
|
711
797
|
if (data5.length > 0 && i >= startIndex5 && i <= endIndex5) {
|
|
712
|
-
p5Array.push([getX(i), getY(data5[i].value)]);
|
|
798
|
+
p5Array.push([getX(cumulativeSpacing5, i), getY(data5[i].value)]);
|
|
713
799
|
}
|
|
714
800
|
}
|
|
715
801
|
var xx = svgPath(p1Array, curveType, curvature);
|
|
@@ -850,7 +936,11 @@ export var useLineChart = function (props) {
|
|
|
850
936
|
if (i >= secondaryLineConfig.startIndex &&
|
|
851
937
|
i <= secondaryLineConfig.endIndex) {
|
|
852
938
|
pp +=
|
|
853
|
-
'L' +
|
|
939
|
+
'L' +
|
|
940
|
+
getX(cumulativeSpacingSecondary, i) +
|
|
941
|
+
' ' +
|
|
942
|
+
getSecondaryY(secondaryData[i].value) +
|
|
943
|
+
' ';
|
|
854
944
|
}
|
|
855
945
|
}
|
|
856
946
|
setSecondaryPoints(pp.replace('L', 'M'));
|
|
@@ -871,7 +961,7 @@ export var useLineChart = function (props) {
|
|
|
871
961
|
ppp += pp;
|
|
872
962
|
ppp +=
|
|
873
963
|
'L' +
|
|
874
|
-
(
|
|
964
|
+
getX(cumulativeSpacingSecondary, secondaryData.length - 1) +
|
|
875
965
|
' ' +
|
|
876
966
|
heightUptoXaxis;
|
|
877
967
|
ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
|
|
@@ -885,7 +975,10 @@ export var useLineChart = function (props) {
|
|
|
885
975
|
for (var i = 0; i < secondaryData.length; i++) {
|
|
886
976
|
if (i >= secondaryLineConfig.startIndex &&
|
|
887
977
|
i <= secondaryLineConfig.endIndex) {
|
|
888
|
-
p1Array.push([
|
|
978
|
+
p1Array.push([
|
|
979
|
+
getX(cumulativeSpacingSecondary, i),
|
|
980
|
+
getSecondaryY(secondaryData[i].value)
|
|
981
|
+
]);
|
|
889
982
|
}
|
|
890
983
|
}
|
|
891
984
|
var xx = svgPath(p1Array, secondaryLineConfig.curveType, secondaryLineConfig.curvature);
|
|
@@ -907,87 +1000,87 @@ export var useLineChart = function (props) {
|
|
|
907
1000
|
}
|
|
908
1001
|
}
|
|
909
1002
|
}, [secondaryData, secondaryLineConfig]);
|
|
910
|
-
var gradientDirection = (
|
|
1003
|
+
var gradientDirection = (_254 = props.gradientDirection) !== null && _254 !== void 0 ? _254 : 'vertical';
|
|
911
1004
|
var horizSections = [{ value: '0' }];
|
|
912
|
-
var stepHeight = (
|
|
913
|
-
var stepValue = (
|
|
914
|
-
var noOfSectionsBelowXAxis = (
|
|
1005
|
+
var stepHeight = (_255 = props.stepHeight) !== null && _255 !== void 0 ? _255 : containerHeight / noOfSections;
|
|
1006
|
+
var stepValue = (_256 = props.stepValue) !== null && _256 !== void 0 ? _256 : maxValue / noOfSections;
|
|
1007
|
+
var noOfSectionsBelowXAxis = (_257 = props.noOfSectionsBelowXAxis) !== null && _257 !== void 0 ? _257 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
915
1008
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
916
1009
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
917
1010
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
918
1011
|
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
919
1012
|
stepHeight;
|
|
920
|
-
var showXAxisIndices = (
|
|
921
|
-
var xAxisIndicesHeight = (
|
|
922
|
-
var xAxisIndicesWidth = (
|
|
923
|
-
var xAxisIndicesColor = (
|
|
924
|
-
var xAxisTextNumberOfLines = (
|
|
925
|
-
var xAxisLabelsVerticalShift = (
|
|
1013
|
+
var showXAxisIndices = (_258 = props.showXAxisIndices) !== null && _258 !== void 0 ? _258 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1014
|
+
var xAxisIndicesHeight = (_259 = props.xAxisIndicesHeight) !== null && _259 !== void 0 ? _259 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1015
|
+
var xAxisIndicesWidth = (_260 = props.xAxisIndicesWidth) !== null && _260 !== void 0 ? _260 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1016
|
+
var xAxisIndicesColor = (_261 = props.xAxisIndicesColor) !== null && _261 !== void 0 ? _261 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1017
|
+
var xAxisTextNumberOfLines = (_262 = props.xAxisTextNumberOfLines) !== null && _262 !== void 0 ? _262 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1018
|
+
var xAxisLabelsVerticalShift = (_263 = props.xAxisLabelsVerticalShift) !== null && _263 !== void 0 ? _263 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
926
1019
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
927
1020
|
var horizontal = false;
|
|
928
1021
|
var yAxisAtTop = false;
|
|
929
1022
|
defaultPointerConfig.pointerStripHeight =
|
|
930
1023
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
931
1024
|
var pointerConfig = props.pointerConfig;
|
|
932
|
-
var getPointerProps = (
|
|
933
|
-
var pointerHeight = (
|
|
934
|
-
var pointerWidth = (
|
|
935
|
-
var pointerRadius = (
|
|
936
|
-
var pointerColor = (
|
|
937
|
-
var pointerComponent = (
|
|
1025
|
+
var getPointerProps = (_264 = props.getPointerProps) !== null && _264 !== void 0 ? _264 : null;
|
|
1026
|
+
var pointerHeight = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.height;
|
|
1027
|
+
var pointerWidth = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.width;
|
|
1028
|
+
var pointerRadius = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.radius;
|
|
1029
|
+
var pointerColor = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.pointerColor;
|
|
1030
|
+
var pointerComponent = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.pointerComponent;
|
|
938
1031
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
939
1032
|
? false
|
|
940
1033
|
: 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 = (
|
|
1034
|
+
var pointerStripHeight = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.pointerStripHeight;
|
|
1035
|
+
var pointerStripWidth = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.pointerStripWidth;
|
|
1036
|
+
var pointerStripColor = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.pointerStripColor;
|
|
1037
|
+
var pointerStripUptoDataPoint = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1038
|
+
var pointerLabelComponent = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.pointerLabelComponent;
|
|
1039
|
+
var stripOverPointer = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.stripOverPointer;
|
|
1040
|
+
var shiftPointerLabelX = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.shiftPointerLabelX;
|
|
1041
|
+
var shiftPointerLabelY = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.shiftPointerLabelY;
|
|
1042
|
+
var pointerLabelWidth = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerLabelWidth;
|
|
1043
|
+
var pointerLabelHeight = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerLabelHeight;
|
|
1044
|
+
var autoAdjustPointerLabelPosition = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1045
|
+
var pointerVanishDelay = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerVanishDelay;
|
|
1046
|
+
var activatePointersOnLongPress = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1047
|
+
var activatePointersDelay = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.activatePointersDelay;
|
|
1048
|
+
var initialPointerIndex = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.initialPointerIndex;
|
|
1049
|
+
var initialPointerAppearDelay = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _285 !== void 0 ? _285 : (isAnimated
|
|
957
1050
|
? animationDuration
|
|
958
1051
|
: 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 = (
|
|
1052
|
+
var persistPointer = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.persistPointer;
|
|
1053
|
+
var hidePointers = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.hidePointers;
|
|
1054
|
+
var hidePointer1 = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.hidePointer1;
|
|
1055
|
+
var hidePointer2 = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.hidePointer2;
|
|
1056
|
+
var hidePointer3 = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.hidePointer3;
|
|
1057
|
+
var hidePointer4 = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.hidePointer4;
|
|
1058
|
+
var hidePointer5 = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.hidePointer5;
|
|
1059
|
+
var hideSecondaryPointer = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.hideSecondaryPointer;
|
|
1060
|
+
var resetPointerOnDataChange = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.resetPointerOnDataChange;
|
|
968
1061
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
969
|
-
var disableScroll = (
|
|
1062
|
+
var disableScroll = (_295 = props.disableScroll) !== null && _295 !== void 0 ? _295 : (pointerConfig
|
|
970
1063
|
? activatePointersOnLongPress
|
|
971
1064
|
? !!responderActive
|
|
972
1065
|
: true
|
|
973
1066
|
: false);
|
|
974
|
-
var showScrollIndicator = (
|
|
975
|
-
var focusEnabled = (
|
|
976
|
-
var showDataPointOnFocus = (
|
|
977
|
-
var showStripOnFocus = (
|
|
978
|
-
var showTextOnFocus = (
|
|
979
|
-
var showDataPointLabelOnFocus = (
|
|
1067
|
+
var showScrollIndicator = (_296 = props.showScrollIndicator) !== null && _296 !== void 0 ? _296 : LineDefaults.showScrollIndicator;
|
|
1068
|
+
var focusEnabled = (_297 = props.focusEnabled) !== null && _297 !== void 0 ? _297 : LineDefaults.focusEnabled;
|
|
1069
|
+
var showDataPointOnFocus = (_298 = props.showDataPointOnFocus) !== null && _298 !== void 0 ? _298 : LineDefaults.showDataPointOnFocus;
|
|
1070
|
+
var showStripOnFocus = (_299 = props.showStripOnFocus) !== null && _299 !== void 0 ? _299 : LineDefaults.showStripOnFocus;
|
|
1071
|
+
var showTextOnFocus = (_300 = props.showTextOnFocus) !== null && _300 !== void 0 ? _300 : LineDefaults.showTextOnFocus;
|
|
1072
|
+
var showDataPointLabelOnFocus = (_301 = props.showDataPointLabelOnFocus) !== null && _301 !== void 0 ? _301 : LineDefaults.showDataPointLabelOnFocus;
|
|
980
1073
|
var stripHeight = props.stripHeight;
|
|
981
|
-
var stripWidth = (
|
|
982
|
-
var stripColor = (
|
|
983
|
-
var stripOpacity = (
|
|
1074
|
+
var stripWidth = (_302 = props.stripWidth) !== null && _302 !== void 0 ? _302 : LineDefaults.stripWidth;
|
|
1075
|
+
var stripColor = (_303 = props.stripColor) !== null && _303 !== void 0 ? _303 : color1;
|
|
1076
|
+
var stripOpacity = (_304 = props.stripOpacity) !== null && _304 !== void 0 ? _304 : (startOpacity1 + endOpacity1) / 2;
|
|
984
1077
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
985
|
-
var unFocusOnPressOut = (
|
|
986
|
-
var delayBeforeUnFocus = (
|
|
987
|
-
var lineGradient = (
|
|
988
|
-
var lineGradientDirection = (
|
|
989
|
-
var lineGradientStartColor = (
|
|
990
|
-
var lineGradientEndColor = (
|
|
1078
|
+
var unFocusOnPressOut = (_305 = props.unFocusOnPressOut) !== null && _305 !== void 0 ? _305 : LineDefaults.unFocusOnPressOut;
|
|
1079
|
+
var delayBeforeUnFocus = (_306 = props.delayBeforeUnFocus) !== null && _306 !== void 0 ? _306 : LineDefaults.delayBeforeUnFocus;
|
|
1080
|
+
var lineGradient = (_307 = props.lineGradient) !== null && _307 !== void 0 ? _307 : LineDefaults.lineGradient;
|
|
1081
|
+
var lineGradientDirection = (_308 = props.lineGradientDirection) !== null && _308 !== void 0 ? _308 : 'vertical';
|
|
1082
|
+
var lineGradientStartColor = (_309 = props.lineGradientStartColor) !== null && _309 !== void 0 ? _309 : LineDefaults.lineGradientStartColor;
|
|
1083
|
+
var lineGradientEndColor = (_310 = props.lineGradientEndColor) !== null && _310 !== void 0 ? _310 : LineDefaults.lineGradientEndColor;
|
|
991
1084
|
var getPointerY = function (value) {
|
|
992
1085
|
return value
|
|
993
1086
|
? containerHeight -
|
|
@@ -1058,8 +1151,8 @@ export var useLineChart = function (props) {
|
|
|
1058
1151
|
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
1152
|
setPointerYsForDataSet(initialPointerYs);
|
|
1060
1153
|
};
|
|
1061
|
-
var dataPointsRadius = (
|
|
1062
|
-
var dataPointsWidth = (
|
|
1154
|
+
var dataPointsRadius = (_312 = (_311 = props.dataPointsRadius1) !== null && _311 !== void 0 ? _311 : props.dataPointsRadius) !== null && _312 !== void 0 ? _312 : LineDefaults.dataPointsRadius;
|
|
1155
|
+
var dataPointsWidth = (_314 = (_313 = props.dataPointsWidth1) !== null && _313 !== void 0 ? _313 : props.dataPointsWidth) !== null && _314 !== void 0 ? _314 : LineDefaults.dataPointsWidth;
|
|
1063
1156
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1064
1157
|
? 0
|
|
1065
1158
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1127,7 +1220,7 @@ export var useLineChart = function (props) {
|
|
|
1127
1220
|
pointerY: pointerY,
|
|
1128
1221
|
onEndReached: props.onEndReached,
|
|
1129
1222
|
onStartReached: props.onStartReached,
|
|
1130
|
-
endReachedOffset: (
|
|
1223
|
+
endReachedOffset: (_315 = props.endReachedOffset) !== null && _315 !== void 0 ? _315 : LineDefaults.endReachedOffset,
|
|
1131
1224
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1132
1225
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1133
1226
|
};
|
|
@@ -1482,7 +1575,14 @@ export var useLineChart = function (props) {
|
|
|
1482
1575
|
getPointerY: getPointerY,
|
|
1483
1576
|
initialisePointers: initialisePointers,
|
|
1484
1577
|
barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
|
|
1485
|
-
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
|
|
1578
|
+
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
|
|
1579
|
+
cumulativeSpacing1: cumulativeSpacing1,
|
|
1580
|
+
cumulativeSpacing2: cumulativeSpacing2,
|
|
1581
|
+
cumulativeSpacing3: cumulativeSpacing3,
|
|
1582
|
+
cumulativeSpacing4: cumulativeSpacing4,
|
|
1583
|
+
cumulativeSpacing5: cumulativeSpacing5,
|
|
1584
|
+
cumulativeSpacingSecondary: cumulativeSpacingSecondary,
|
|
1585
|
+
cumulativeSpacingForSet: cumulativeSpacingForSet
|
|
1486
1586
|
// oldPoints
|
|
1487
1587
|
};
|
|
1488
1588
|
};
|