gifted-charts-core 0.1.56 → 0.1.58
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/RenderStackBars.d.ts +6 -1
- package/dist/BarChart/RenderStackBars.js +6 -4
- package/dist/BarChart/index.d.ts +7 -0
- package/dist/BarChart/index.js +121 -103
- package/dist/BarChart/types.d.ts +24 -0
- package/dist/LineChart/LineChartBiColor.js +3 -1
- package/dist/LineChart/index.d.ts +8 -1
- package/dist/LineChart/index.js +238 -218
- package/dist/LineChart/types.d.ts +23 -0
- package/dist/RadarChart/index.d.ts +1 -0
- package/dist/RadarChart/index.js +25 -24
- package/dist/RadarChart/types.d.ts +0 -1
- package/dist/components/BarAndLineChartsWrapper/index.js +4 -2
- package/dist/index.d.ts +2 -2
- package/dist/utils/constants.d.ts +7 -0
- package/dist/utils/constants.js +9 -2
- 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 { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
|
|
40
40
|
import { EdgePosition } from '../utils/types';
|
|
41
41
|
export var useLineChart = function (props) {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326
|
|
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, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _327 = props.interpolateMissingValues, interpolateMissingValues = _327 === void 0 ? true : _327, _328 = props.extrapolateMissingValues, extrapolateMissingValues = _328 === void 0 ? true : _328, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue, renderTooltip = props.renderTooltip, _329 = props.renderTooltip1, renderTooltip1 = _329 === void 0 ? props.renderTooltip : _329, _330 = props.renderTooltip2, renderTooltip2 = _330 === void 0 ? props.renderTooltip : _330, _331 = props.renderTooltip3, renderTooltip3 = _331 === void 0 ? props.renderTooltip : _331, _332 = props.renderTooltip4, renderTooltip4 = _332 === void 0 ? props.renderTooltip : _332, _333 = props.renderTooltip5, renderTooltip5 = _333 === void 0 ? props.renderTooltip : _333, _334 = props.renderTooltipSecondary, renderTooltipSecondary = _334 === void 0 ? props.renderTooltip : _334;
|
|
44
44
|
var lastLineNumber = 1;
|
|
45
45
|
if (props.secondaryData) {
|
|
46
46
|
lastLineNumber = 6667; // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
|
|
@@ -63,48 +63,48 @@ export var useLineChart = function (props) {
|
|
|
63
63
|
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
64
64
|
var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
|
|
65
65
|
var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
|
|
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
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
var
|
|
106
|
-
var
|
|
107
|
-
var
|
|
66
|
+
var _335 = __read(useState(0), 2), scrollX = _335[0], setScrollX = _335[1];
|
|
67
|
+
var _336 = __read(useState(''), 2), arrow1Points = _336[0], setArrow1Points = _336[1];
|
|
68
|
+
var _337 = __read(useState(''), 2), arrow2Points = _337[0], setArrow2Points = _337[1];
|
|
69
|
+
var _338 = __read(useState(''), 2), arrow3Points = _338[0], setArrow3Points = _338[1];
|
|
70
|
+
var _339 = __read(useState(''), 2), arrow4Points = _339[0], setArrow4Points = _339[1];
|
|
71
|
+
var _340 = __read(useState(''), 2), arrow5Points = _340[0], setArrow5Points = _340[1];
|
|
72
|
+
var _341 = __read(useState(''), 2), secondaryArrowPoints = _341[0], setSecondaryArrowPoints = _341[1];
|
|
73
|
+
var _342 = __read(useState(-1), 2), pointerIndex = _342[0], setPointerIndex = _342[1];
|
|
74
|
+
var _343 = __read(useState(0), 2), pointerX = _343[0], setPointerX = _343[1];
|
|
75
|
+
var _344 = __read(useState(0), 2), pointerY = _344[0], setPointerY = _344[1];
|
|
76
|
+
var _345 = __read(useState(), 2), pointerItem = _345[0], setPointerItem = _345[1];
|
|
77
|
+
var _346 = __read(useState(0), 2), pointerY2 = _346[0], setPointerY2 = _346[1];
|
|
78
|
+
var _347 = __read(useState(), 2), pointerItem2 = _347[0], setPointerItem2 = _347[1];
|
|
79
|
+
var _348 = __read(useState(0), 2), pointerY3 = _348[0], setPointerY3 = _348[1];
|
|
80
|
+
var _349 = __read(useState(), 2), pointerItem3 = _349[0], setPointerItem3 = _349[1];
|
|
81
|
+
var _350 = __read(useState(0), 2), pointerY4 = _350[0], setPointerY4 = _350[1];
|
|
82
|
+
var _351 = __read(useState(), 2), pointerItem4 = _351[0], setPointerItem4 = _351[1];
|
|
83
|
+
var _352 = __read(useState(0), 2), pointerY5 = _352[0], setPointerY5 = _352[1];
|
|
84
|
+
var _353 = __read(useState([]), 2), pointerYsForDataSet = _353[0], setPointerYsForDataSet = _353[1];
|
|
85
|
+
var _354 = __read(useState(), 2), pointerItem5 = _354[0], setPointerItem5 = _354[1];
|
|
86
|
+
var _355 = __read(useState(0), 2), secondaryPointerY = _355[0], setSecondaryPointerY = _355[1];
|
|
87
|
+
var _356 = __read(useState(), 2), secondaryPointerItem = _356[0], setSecondaryPointerItem = _356[1];
|
|
88
|
+
var _357 = __read(useState([]), 2), pointerItemsForSet = _357[0], setPointerItemsForSet = _357[1];
|
|
89
|
+
var _358 = __read(useState([]), 2), secondaryPointerItemsForSet = _358[0], setSecondaryPointerItemsForSet = _358[1];
|
|
90
|
+
var _359 = __read(useState(0), 2), responderStartTime = _359[0], setResponderStartTime = _359[1];
|
|
91
|
+
var _360 = __read(useState(false), 2), responderActive = _360[0], setResponderActive = _360[1];
|
|
92
|
+
var _361 = __read(useState(''), 2), points = _361[0], setPoints = _361[1];
|
|
93
|
+
var _362 = __read(useState(''), 2), points2 = _362[0], setPoints2 = _362[1];
|
|
94
|
+
var _363 = __read(useState(''), 2), points3 = _363[0], setPoints3 = _363[1];
|
|
95
|
+
var _364 = __read(useState(''), 2), points4 = _364[0], setPoints4 = _364[1];
|
|
96
|
+
var _365 = __read(useState(''), 2), points5 = _365[0], setPoints5 = _365[1];
|
|
97
|
+
var _366 = __read(useState(''), 2), secondaryPoints = _366[0], setSecondaryPoints = _366[1];
|
|
98
|
+
var _367 = __read(useState(''), 2), fillPoints = _367[0], setFillPoints = _367[1];
|
|
99
|
+
var _368 = __read(useState(''), 2), fillPoints2 = _368[0], setFillPoints2 = _368[1];
|
|
100
|
+
var _369 = __read(useState(''), 2), fillPoints3 = _369[0], setFillPoints3 = _369[1];
|
|
101
|
+
var _370 = __read(useState(''), 2), fillPoints4 = _370[0], setFillPoints4 = _370[1];
|
|
102
|
+
var _371 = __read(useState(''), 2), fillPoints5 = _371[0], setFillPoints5 = _371[1];
|
|
103
|
+
var _372 = __read(useState(''), 2), secondaryFillPoints = _372[0], setSecondaryFillPoints = _372[1];
|
|
104
|
+
var _373 = __read(useState([]), 2), pointsFromSet = _373[0], setPointsFromSet = _373[1];
|
|
105
|
+
var _374 = __read(useState([]), 2), fillPointsFromSet = _374[0], setFillPointsFromSet = _374[1];
|
|
106
|
+
var _375 = __read(useState([]), 2), arrowPointsFromSet = _375[0], setArrowPointsFromSet = _375[1];
|
|
107
|
+
var _376 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _376[0], setSelectedIndex = _376[1];
|
|
108
108
|
useEffect(function () {
|
|
109
109
|
var _a;
|
|
110
110
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
@@ -283,7 +283,7 @@ export var useLineChart = function (props) {
|
|
|
283
283
|
var mergedSecondaryDataArrays = [];
|
|
284
284
|
var maxSpacingSum = 0; // max of spacingSum among all the lines
|
|
285
285
|
var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
|
|
286
|
-
var cumulativeSpacingForSet = Array(
|
|
286
|
+
var cumulativeSpacingForSet = [[]]; // Array(dataSet?.length ?? 0).fill([])
|
|
287
287
|
var strips = {};
|
|
288
288
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
289
289
|
dataSet.forEach(function (set, key) {
|
|
@@ -297,15 +297,17 @@ export var useLineChart = function (props) {
|
|
|
297
297
|
}
|
|
298
298
|
var space = (_d = set.spacing) !== null && _d !== void 0 ? _d : spacing;
|
|
299
299
|
var spacingSum = 0;
|
|
300
|
+
var localCumulativeSum = [];
|
|
300
301
|
set.data.forEach(function (item, index) {
|
|
301
302
|
var _a, _b;
|
|
302
303
|
spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
|
|
303
|
-
|
|
304
|
+
localCumulativeSum.push(spacingSum);
|
|
304
305
|
if (item.showStrip) {
|
|
305
306
|
strips[key] = (_b = strips[key]) !== null && _b !== void 0 ? _b : {};
|
|
306
307
|
strips[key][index] = { item: item, index: index, key: key };
|
|
307
308
|
}
|
|
308
309
|
});
|
|
310
|
+
cumulativeSpacingForSet[key] = localCumulativeSum;
|
|
309
311
|
if (maxSpacingSum < spacingSum) {
|
|
310
312
|
maxSpacingSum = spacingSum;
|
|
311
313
|
}
|
|
@@ -313,7 +315,7 @@ export var useLineChart = function (props) {
|
|
|
313
315
|
}
|
|
314
316
|
else {
|
|
315
317
|
var spacingSum_1 = 0;
|
|
316
|
-
var space_1 = (
|
|
318
|
+
var space_1 = (_98 = props.spacing1) !== null && _98 !== void 0 ? _98 : spacing;
|
|
317
319
|
data.forEach(function (item, index) {
|
|
318
320
|
var _a, _b;
|
|
319
321
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -328,7 +330,7 @@ export var useLineChart = function (props) {
|
|
|
328
330
|
}
|
|
329
331
|
if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
|
|
330
332
|
spacingSum_1 = 0;
|
|
331
|
-
space_1 = (
|
|
333
|
+
space_1 = (_99 = props.spacing2) !== null && _99 !== void 0 ? _99 : spacing;
|
|
332
334
|
data2.forEach(function (item, index) {
|
|
333
335
|
var _a, _b;
|
|
334
336
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -344,7 +346,7 @@ export var useLineChart = function (props) {
|
|
|
344
346
|
}
|
|
345
347
|
if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
|
|
346
348
|
spacingSum_1 = 0;
|
|
347
|
-
space_1 = (
|
|
349
|
+
space_1 = (_100 = props.spacing3) !== null && _100 !== void 0 ? _100 : spacing;
|
|
348
350
|
data3.forEach(function (item, index) {
|
|
349
351
|
var _a, _b;
|
|
350
352
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -360,7 +362,7 @@ export var useLineChart = function (props) {
|
|
|
360
362
|
}
|
|
361
363
|
if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
|
|
362
364
|
spacingSum_1 = 0;
|
|
363
|
-
space_1 = (
|
|
365
|
+
space_1 = (_101 = props.spacing4) !== null && _101 !== void 0 ? _101 : spacing;
|
|
364
366
|
data4.forEach(function (item, index) {
|
|
365
367
|
var _a, _b;
|
|
366
368
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -376,7 +378,7 @@ export var useLineChart = function (props) {
|
|
|
376
378
|
}
|
|
377
379
|
if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
|
|
378
380
|
spacingSum_1 = 0;
|
|
379
|
-
space_1 = (
|
|
381
|
+
space_1 = (_102 = props.spacing5) !== null && _102 !== void 0 ? _102 : spacing;
|
|
380
382
|
data5.forEach(function (item, index) {
|
|
381
383
|
var _a, _b;
|
|
382
384
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -392,7 +394,7 @@ export var useLineChart = function (props) {
|
|
|
392
394
|
}
|
|
393
395
|
if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
|
|
394
396
|
spacingSum_1 = 0;
|
|
395
|
-
space_1 = (
|
|
397
|
+
space_1 = (_104 = (_103 = props.secondaryLineConfig) === null || _103 === void 0 ? void 0 : _103.spacing) !== null && _104 !== void 0 ? _104 : spacing;
|
|
396
398
|
secondaryData.forEach(function (item) {
|
|
397
399
|
var _a;
|
|
398
400
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -403,7 +405,7 @@ export var useLineChart = function (props) {
|
|
|
403
405
|
}
|
|
404
406
|
}
|
|
405
407
|
mergedPrimaryDataArrays = data;
|
|
406
|
-
mergedPrimaryDataArraysOriginals = (
|
|
408
|
+
mergedPrimaryDataArraysOriginals = (_105 = props.data) !== null && _105 !== void 0 ? _105 : [];
|
|
407
409
|
mergedSecondaryDataArrays = secondaryData;
|
|
408
410
|
}
|
|
409
411
|
if (!mergedPrimaryDataArrays.length) {
|
|
@@ -413,12 +415,12 @@ export var useLineChart = function (props) {
|
|
|
413
415
|
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
414
416
|
Math.min.apply(// find the largest +ve number
|
|
415
417
|
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
416
|
-
var showFractionalValues = (
|
|
417
|
-
var roundToDigits = (
|
|
418
|
-
var
|
|
418
|
+
var showFractionalValues = (_106 = props.showFractionalValues) !== null && _106 !== void 0 ? _106 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
419
|
+
var roundToDigits = (_107 = props.roundToDigits) !== null && _107 !== void 0 ? _107 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
420
|
+
var _377 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _377.maxItem, minItem = _377.minItem;
|
|
419
421
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
420
|
-
var mostNegativeValue = (
|
|
421
|
-
var overflowTop = ((
|
|
422
|
+
var mostNegativeValue = (_108 = props.mostNegativeValue) !== null && _108 !== void 0 ? _108 : minItem;
|
|
423
|
+
var overflowTop = ((_109 = props.overflowTop) !== null && _109 !== void 0 ? _109 : props.secondaryXAxis)
|
|
422
424
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
423
425
|
: AxesAndRulesDefaults.overflowTop;
|
|
424
426
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
@@ -431,106 +433,106 @@ export var useLineChart = function (props) {
|
|
|
431
433
|
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
432
434
|
Math.min.apply(// find the largest +ve number
|
|
433
435
|
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
434
|
-
var showSecondaryFractionalValues = (
|
|
435
|
-
var secondaryRoundToDigits = (
|
|
436
|
+
var showSecondaryFractionalValues = (_111 = (_110 = props.secondaryYAxis) === null || _110 === void 0 ? void 0 : _110.showFractionalValues) !== null && _111 !== void 0 ? _111 : secondaryValuesRange <= 1;
|
|
437
|
+
var secondaryRoundToDigits = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.roundToDigits) !== null && _113 !== void 0 ? _113 : (showSecondaryFractionalValues
|
|
436
438
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
437
439
|
: 0);
|
|
438
|
-
var
|
|
439
|
-
var secondaryMaxValue = (
|
|
440
|
+
var _378 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _378.maxItem, secondaryMinItem = _378.minItem;
|
|
441
|
+
var secondaryMaxValue = (_115 = (_114 = props.secondaryYAxis) === null || _114 === void 0 ? void 0 : _114.maxValue) !== null && _115 !== void 0 ? _115 : (secondaryMaxItem || maxValue);
|
|
440
442
|
var getSecondaryY = function (value) {
|
|
441
443
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
442
444
|
};
|
|
443
445
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
444
|
-
var showValuesAsDataPointsText = (
|
|
445
|
-
var thickness1 = (
|
|
446
|
-
var thickness2 = (
|
|
447
|
-
var thickness3 = (
|
|
448
|
-
var thickness4 = (
|
|
449
|
-
var thickness5 = (
|
|
450
|
-
var zIndex1 = (
|
|
451
|
-
var zIndex2 = (
|
|
452
|
-
var zIndex3 = (
|
|
453
|
-
var zIndex4 = (
|
|
454
|
-
var zIndex5 = (
|
|
455
|
-
var strokeDashArray1 = (
|
|
456
|
-
var strokeDashArray2 = (
|
|
457
|
-
var strokeDashArray3 = (
|
|
458
|
-
var strokeDashArray4 = (
|
|
459
|
-
var strokeDashArray5 = (
|
|
460
|
-
var strokeLinecap1 = (
|
|
461
|
-
var strokeLinecap2 = (
|
|
462
|
-
var strokeLinecap3 = (
|
|
463
|
-
var strokeLinecap4 = (
|
|
464
|
-
var strokeLinecap5 = (
|
|
465
|
-
var rotateLabel = (
|
|
466
|
-
var isAnimated = (
|
|
467
|
-
var hideDataPoints1 = (
|
|
468
|
-
var hideDataPoints2 = (
|
|
469
|
-
var hideDataPoints3 = (
|
|
470
|
-
var hideDataPoints4 = (
|
|
471
|
-
var hideDataPoints5 = (
|
|
472
|
-
var color1 = (
|
|
473
|
-
var color2 = (
|
|
474
|
-
var color3 = (
|
|
475
|
-
var color4 = (
|
|
476
|
-
var color5 = (
|
|
477
|
-
var startFillColor1 = (
|
|
478
|
-
var endFillColor1 = (
|
|
479
|
-
var startOpacity = (
|
|
480
|
-
var endOpacity = (
|
|
481
|
-
var startOpacity1 = (
|
|
482
|
-
var endOpacity1 = (
|
|
483
|
-
var startFillColor2 = (
|
|
484
|
-
var endFillColor2 = (
|
|
485
|
-
var startOpacity2 = (
|
|
486
|
-
var endOpacity2 = (
|
|
487
|
-
var startFillColor3 = (
|
|
488
|
-
var endFillColor3 = (
|
|
489
|
-
var startOpacity3 = (
|
|
490
|
-
var endOpacity3 = (
|
|
491
|
-
var startFillColor4 = (
|
|
492
|
-
var endFillColor4 = (
|
|
493
|
-
var startOpacity4 = (
|
|
494
|
-
var endOpacity4 = (
|
|
495
|
-
var startFillColor5 = (
|
|
496
|
-
var endFillColor5 = (
|
|
497
|
-
var startOpacity5 = (
|
|
498
|
-
var endOpacity5 = (
|
|
499
|
-
defaultArrowConfig.strokeWidth = (
|
|
500
|
-
defaultArrowConfig.strokeColor = (
|
|
501
|
-
var
|
|
446
|
+
var showValuesAsDataPointsText = (_116 = props.showValuesAsDataPointsText) !== null && _116 !== void 0 ? _116 : LineDefaults.showValuesAsDataPointsText;
|
|
447
|
+
var thickness1 = (_118 = (_117 = props.thickness1) !== null && _117 !== void 0 ? _117 : props.thickness) !== null && _118 !== void 0 ? _118 : LineDefaults.thickness;
|
|
448
|
+
var thickness2 = (_120 = (_119 = props.thickness2) !== null && _119 !== void 0 ? _119 : props.thickness) !== null && _120 !== void 0 ? _120 : LineDefaults.thickness;
|
|
449
|
+
var thickness3 = (_122 = (_121 = props.thickness3) !== null && _121 !== void 0 ? _121 : props.thickness) !== null && _122 !== void 0 ? _122 : LineDefaults.thickness;
|
|
450
|
+
var thickness4 = (_124 = (_123 = props.thickness4) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
451
|
+
var thickness5 = (_126 = (_125 = props.thickness5) !== null && _125 !== void 0 ? _125 : props.thickness) !== null && _126 !== void 0 ? _126 : LineDefaults.thickness;
|
|
452
|
+
var zIndex1 = (_127 = props.zIndex1) !== null && _127 !== void 0 ? _127 : 0;
|
|
453
|
+
var zIndex2 = (_128 = props.zIndex2) !== null && _128 !== void 0 ? _128 : 0;
|
|
454
|
+
var zIndex3 = (_129 = props.zIndex3) !== null && _129 !== void 0 ? _129 : 0;
|
|
455
|
+
var zIndex4 = (_130 = props.zIndex4) !== null && _130 !== void 0 ? _130 : 0;
|
|
456
|
+
var zIndex5 = (_131 = props.zIndex5) !== null && _131 !== void 0 ? _131 : 0;
|
|
457
|
+
var strokeDashArray1 = (_132 = props.strokeDashArray1) !== null && _132 !== void 0 ? _132 : props.strokeDashArray;
|
|
458
|
+
var strokeDashArray2 = (_133 = props.strokeDashArray2) !== null && _133 !== void 0 ? _133 : props.strokeDashArray;
|
|
459
|
+
var strokeDashArray3 = (_134 = props.strokeDashArray3) !== null && _134 !== void 0 ? _134 : props.strokeDashArray;
|
|
460
|
+
var strokeDashArray4 = (_135 = props.strokeDashArray4) !== null && _135 !== void 0 ? _135 : props.strokeDashArray;
|
|
461
|
+
var strokeDashArray5 = (_136 = props.strokeDashArray5) !== null && _136 !== void 0 ? _136 : props.strokeDashArray;
|
|
462
|
+
var strokeLinecap1 = (_138 = (_137 = props.strokeLinecap1) !== null && _137 !== void 0 ? _137 : props.strokeLinecap) !== null && _138 !== void 0 ? _138 : LineDefaults.strokeLinecap;
|
|
463
|
+
var strokeLinecap2 = (_140 = (_139 = props.strokeLinecap2) !== null && _139 !== void 0 ? _139 : props.strokeLinecap) !== null && _140 !== void 0 ? _140 : LineDefaults.strokeLinecap;
|
|
464
|
+
var strokeLinecap3 = (_142 = (_141 = props.strokeLinecap3) !== null && _141 !== void 0 ? _141 : props.strokeLinecap) !== null && _142 !== void 0 ? _142 : LineDefaults.strokeLinecap;
|
|
465
|
+
var strokeLinecap4 = (_144 = (_143 = props.strokeLinecap4) !== null && _143 !== void 0 ? _143 : props.strokeLinecap) !== null && _144 !== void 0 ? _144 : LineDefaults.strokeLinecap;
|
|
466
|
+
var strokeLinecap5 = (_146 = (_145 = props.strokeLinecap5) !== null && _145 !== void 0 ? _145 : props.strokeLinecap) !== null && _146 !== void 0 ? _146 : LineDefaults.strokeLinecap;
|
|
467
|
+
var rotateLabel = (_147 = props.rotateLabel) !== null && _147 !== void 0 ? _147 : false;
|
|
468
|
+
var isAnimated = (_148 = props.isAnimated) !== null && _148 !== void 0 ? _148 : false;
|
|
469
|
+
var hideDataPoints1 = (_150 = (_149 = props.hideDataPoints) !== null && _149 !== void 0 ? _149 : props.hideDataPoints1) !== null && _150 !== void 0 ? _150 : false;
|
|
470
|
+
var hideDataPoints2 = (_152 = (_151 = props.hideDataPoints) !== null && _151 !== void 0 ? _151 : props.hideDataPoints2) !== null && _152 !== void 0 ? _152 : false;
|
|
471
|
+
var hideDataPoints3 = (_154 = (_153 = props.hideDataPoints) !== null && _153 !== void 0 ? _153 : props.hideDataPoints3) !== null && _154 !== void 0 ? _154 : false;
|
|
472
|
+
var hideDataPoints4 = (_156 = (_155 = props.hideDataPoints) !== null && _155 !== void 0 ? _155 : props.hideDataPoints4) !== null && _156 !== void 0 ? _156 : false;
|
|
473
|
+
var hideDataPoints5 = (_158 = (_157 = props.hideDataPoints) !== null && _157 !== void 0 ? _157 : props.hideDataPoints5) !== null && _158 !== void 0 ? _158 : false;
|
|
474
|
+
var color1 = (_160 = (_159 = props.color1) !== null && _159 !== void 0 ? _159 : props.color) !== null && _160 !== void 0 ? _160 : LineDefaults.color;
|
|
475
|
+
var color2 = (_162 = (_161 = props.color2) !== null && _161 !== void 0 ? _161 : props.color) !== null && _162 !== void 0 ? _162 : LineDefaults.color;
|
|
476
|
+
var color3 = (_164 = (_163 = props.color3) !== null && _163 !== void 0 ? _163 : props.color) !== null && _164 !== void 0 ? _164 : LineDefaults.color;
|
|
477
|
+
var color4 = (_166 = (_165 = props.color4) !== null && _165 !== void 0 ? _165 : props.color) !== null && _166 !== void 0 ? _166 : LineDefaults.color;
|
|
478
|
+
var color5 = (_168 = (_167 = props.color5) !== null && _167 !== void 0 ? _167 : props.color) !== null && _168 !== void 0 ? _168 : LineDefaults.color;
|
|
479
|
+
var startFillColor1 = (_170 = (_169 = props.startFillColor1) !== null && _169 !== void 0 ? _169 : props.startFillColor) !== null && _170 !== void 0 ? _170 : LineDefaults.startFillColor;
|
|
480
|
+
var endFillColor1 = (_172 = (_171 = props.endFillColor1) !== null && _171 !== void 0 ? _171 : props.endFillColor) !== null && _172 !== void 0 ? _172 : LineDefaults.endFillColor;
|
|
481
|
+
var startOpacity = (_173 = props.startOpacity) !== null && _173 !== void 0 ? _173 : LineDefaults.startOpacity;
|
|
482
|
+
var endOpacity = (_174 = props.endOpacity) !== null && _174 !== void 0 ? _174 : LineDefaults.endOpacity;
|
|
483
|
+
var startOpacity1 = (_175 = props.startOpacity1) !== null && _175 !== void 0 ? _175 : startOpacity;
|
|
484
|
+
var endOpacity1 = (_176 = props.endOpacity1) !== null && _176 !== void 0 ? _176 : endOpacity;
|
|
485
|
+
var startFillColor2 = (_178 = (_177 = props.startFillColor2) !== null && _177 !== void 0 ? _177 : props.startFillColor) !== null && _178 !== void 0 ? _178 : LineDefaults.startFillColor;
|
|
486
|
+
var endFillColor2 = (_180 = (_179 = props.endFillColor2) !== null && _179 !== void 0 ? _179 : props.endFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.endFillColor;
|
|
487
|
+
var startOpacity2 = (_181 = props.startOpacity2) !== null && _181 !== void 0 ? _181 : startOpacity;
|
|
488
|
+
var endOpacity2 = (_182 = props.endOpacity2) !== null && _182 !== void 0 ? _182 : endOpacity;
|
|
489
|
+
var startFillColor3 = (_184 = (_183 = props.startFillColor3) !== null && _183 !== void 0 ? _183 : props.startFillColor) !== null && _184 !== void 0 ? _184 : LineDefaults.startFillColor;
|
|
490
|
+
var endFillColor3 = (_186 = (_185 = props.endFillColor3) !== null && _185 !== void 0 ? _185 : props.endFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.endFillColor;
|
|
491
|
+
var startOpacity3 = (_187 = props.startOpacity3) !== null && _187 !== void 0 ? _187 : startOpacity;
|
|
492
|
+
var endOpacity3 = (_188 = props.endOpacity3) !== null && _188 !== void 0 ? _188 : endOpacity;
|
|
493
|
+
var startFillColor4 = (_190 = (_189 = props.startFillColor4) !== null && _189 !== void 0 ? _189 : props.startFillColor) !== null && _190 !== void 0 ? _190 : LineDefaults.startFillColor;
|
|
494
|
+
var endFillColor4 = (_192 = (_191 = props.endFillColor4) !== null && _191 !== void 0 ? _191 : props.endFillColor) !== null && _192 !== void 0 ? _192 : LineDefaults.endFillColor;
|
|
495
|
+
var startOpacity4 = (_193 = props.startOpacity4) !== null && _193 !== void 0 ? _193 : startOpacity;
|
|
496
|
+
var endOpacity4 = (_194 = props.endOpacity4) !== null && _194 !== void 0 ? _194 : endOpacity;
|
|
497
|
+
var startFillColor5 = (_196 = (_195 = props.startFillColor5) !== null && _195 !== void 0 ? _195 : props.startFillColor) !== null && _196 !== void 0 ? _196 : LineDefaults.startFillColor;
|
|
498
|
+
var endFillColor5 = (_198 = (_197 = props.endFillColor5) !== null && _197 !== void 0 ? _197 : props.endFillColor) !== null && _198 !== void 0 ? _198 : LineDefaults.endFillColor;
|
|
499
|
+
var startOpacity5 = (_199 = props.startOpacity5) !== null && _199 !== void 0 ? _199 : startOpacity;
|
|
500
|
+
var endOpacity5 = (_200 = props.endOpacity5) !== null && _200 !== void 0 ? _200 : endOpacity;
|
|
501
|
+
defaultArrowConfig.strokeWidth = (_202 = (_201 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _201 === void 0 ? void 0 : _201.thickness) !== null && _202 !== void 0 ? _202 : thickness1;
|
|
502
|
+
defaultArrowConfig.strokeColor = (_204 = (_203 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1;
|
|
503
|
+
var _379 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _379.arrowLength1, arrowWidth1 = _379.arrowWidth1, arrowStrokeWidth1 = _379.arrowStrokeWidth1, arrowStrokeColor1 = _379.arrowStrokeColor1, arrowFillColor1 = _379.arrowFillColor1, showArrowBase1 = _379.showArrowBase1, arrowLength2 = _379.arrowLength2, arrowWidth2 = _379.arrowWidth2, arrowStrokeWidth2 = _379.arrowStrokeWidth2, arrowStrokeColor2 = _379.arrowStrokeColor2, arrowFillColor2 = _379.arrowFillColor2, showArrowBase2 = _379.showArrowBase2, arrowLength3 = _379.arrowLength3, arrowWidth3 = _379.arrowWidth3, arrowStrokeWidth3 = _379.arrowStrokeWidth3, arrowStrokeColor3 = _379.arrowStrokeColor3, arrowFillColor3 = _379.arrowFillColor3, showArrowBase3 = _379.showArrowBase3, arrowLength4 = _379.arrowLength4, arrowWidth4 = _379.arrowWidth4, arrowStrokeWidth4 = _379.arrowStrokeWidth4, arrowStrokeColor4 = _379.arrowStrokeColor4, arrowFillColor4 = _379.arrowFillColor4, showArrowBase4 = _379.showArrowBase4, arrowLength5 = _379.arrowLength5, arrowWidth5 = _379.arrowWidth5, arrowStrokeWidth5 = _379.arrowStrokeWidth5, arrowStrokeColor5 = _379.arrowStrokeColor5, arrowFillColor5 = _379.arrowFillColor5, showArrowBase5 = _379.showArrowBase5, arrowLengthsFromSet = _379.arrowLengthsFromSet, arrowWidthsFromSet = _379.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _379.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _379.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _379.arrowFillColorsFromSet, showArrowBasesFromSet = _379.showArrowBasesFromSet;
|
|
502
504
|
var secondaryLineConfig = {
|
|
503
|
-
zIndex: (
|
|
504
|
-
curved: (
|
|
505
|
-
curvature: (
|
|
506
|
-
curveType: (
|
|
507
|
-
areaChart: (
|
|
508
|
-
color: (
|
|
509
|
-
thickness: (
|
|
510
|
-
zIndex1: (
|
|
511
|
-
strokeDashArray: (
|
|
512
|
-
strokeLinecap: (
|
|
513
|
-
startIndex: (
|
|
514
|
-
endIndex: (
|
|
515
|
-
hideDataPoints: (
|
|
516
|
-
dataPointsHeight: (
|
|
517
|
-
dataPointsWidth: (
|
|
518
|
-
dataPointsRadius: (
|
|
519
|
-
dataPointsColor: (
|
|
520
|
-
dataPointsShape: (
|
|
521
|
-
showValuesAsDataPointsText: (
|
|
522
|
-
startFillColor: (
|
|
523
|
-
endFillColor: (
|
|
524
|
-
startOpacity: (
|
|
525
|
-
endOpacity: (
|
|
526
|
-
textFontSize: (
|
|
527
|
-
textColor: (
|
|
528
|
-
showArrow: (
|
|
529
|
-
arrowConfig: (
|
|
505
|
+
zIndex: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex) !== null && _206 !== void 0 ? _206 : zIndex1,
|
|
506
|
+
curved: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curved) !== null && _208 !== void 0 ? _208 : props.curved,
|
|
507
|
+
curvature: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.curvature) !== null && _210 !== void 0 ? _210 : curvature,
|
|
508
|
+
curveType: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.curveType) !== null && _212 !== void 0 ? _212 : curveType,
|
|
509
|
+
areaChart: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.areaChart) !== null && _214 !== void 0 ? _214 : areaChart,
|
|
510
|
+
color: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.color) !== null && _216 !== void 0 ? _216 : color1,
|
|
511
|
+
thickness: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.thickness) !== null && _218 !== void 0 ? _218 : thickness1,
|
|
512
|
+
zIndex1: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.zIndex1) !== null && _220 !== void 0 ? _220 : zIndex1,
|
|
513
|
+
strokeDashArray: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.strokeDashArray) !== null && _222 !== void 0 ? _222 : strokeDashArray1,
|
|
514
|
+
strokeLinecap: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.strokeLinecap) !== null && _224 !== void 0 ? _224 : strokeLinecap1,
|
|
515
|
+
startIndex: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.startIndex) !== null && _226 !== void 0 ? _226 : startIndex1,
|
|
516
|
+
endIndex: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.endIndex) !== null && _228 !== void 0 ? _228 : endIndex1,
|
|
517
|
+
hideDataPoints: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.hideDataPoints) !== null && _230 !== void 0 ? _230 : hideDataPoints1,
|
|
518
|
+
dataPointsHeight: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.dataPointsHeight) !== null && _232 !== void 0 ? _232 : dataPointsHeight1,
|
|
519
|
+
dataPointsWidth: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.dataPointsWidth) !== null && _234 !== void 0 ? _234 : dataPointsWidth1,
|
|
520
|
+
dataPointsRadius: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.dataPointsRadius) !== null && _236 !== void 0 ? _236 : dataPointsRadius1,
|
|
521
|
+
dataPointsColor: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.dataPointsColor) !== null && _238 !== void 0 ? _238 : dataPointsColor1,
|
|
522
|
+
dataPointsShape: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.dataPointsShape) !== null && _240 !== void 0 ? _240 : dataPointsShape1,
|
|
523
|
+
showValuesAsDataPointsText: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.showValuesAsDataPointsText) !== null && _242 !== void 0 ? _242 : showValuesAsDataPointsText,
|
|
524
|
+
startFillColor: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.startFillColor) !== null && _244 !== void 0 ? _244 : startFillColor1,
|
|
525
|
+
endFillColor: (_246 = (_245 = props.secondaryLineConfig) === null || _245 === void 0 ? void 0 : _245.endFillColor) !== null && _246 !== void 0 ? _246 : endFillColor1,
|
|
526
|
+
startOpacity: (_248 = (_247 = props.secondaryLineConfig) === null || _247 === void 0 ? void 0 : _247.startOpacity) !== null && _248 !== void 0 ? _248 : startOpacity1,
|
|
527
|
+
endOpacity: (_250 = (_249 = props.secondaryLineConfig) === null || _249 === void 0 ? void 0 : _249.endOpacity) !== null && _250 !== void 0 ? _250 : endOpacity1,
|
|
528
|
+
textFontSize: (_252 = (_251 = props.secondaryLineConfig) === null || _251 === void 0 ? void 0 : _251.textFontSize) !== null && _252 !== void 0 ? _252 : textFontSize1,
|
|
529
|
+
textColor: (_254 = (_253 = props.secondaryLineConfig) === null || _253 === void 0 ? void 0 : _253.textColor) !== null && _254 !== void 0 ? _254 : textColor1,
|
|
530
|
+
showArrow: (_256 = (_255 = props.secondaryLineConfig) === null || _255 === void 0 ? void 0 : _255.showArrow) !== null && _256 !== void 0 ? _256 : props.showArrows,
|
|
531
|
+
arrowConfig: (_258 = (_257 = props.secondaryLineConfig) === null || _257 === void 0 ? void 0 : _257.arrowConfig) !== null && _258 !== void 0 ? _258 : props.arrowConfig
|
|
530
532
|
};
|
|
531
533
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
532
534
|
? 0
|
|
533
|
-
: (
|
|
535
|
+
: (_259 = props.yAxisExtraHeight) !== null && _259 !== void 0 ? _259 : containerHeight / 20;
|
|
534
536
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
535
537
|
return ('M ' +
|
|
536
538
|
initialSpacing +
|
|
@@ -1073,93 +1075,93 @@ export var useLineChart = function (props) {
|
|
|
1073
1075
|
}
|
|
1074
1076
|
}
|
|
1075
1077
|
}, [secondaryData, secondaryLineConfig]);
|
|
1076
|
-
var gradientDirection = (
|
|
1078
|
+
var gradientDirection = (_260 = props.gradientDirection) !== null && _260 !== void 0 ? _260 : 'vertical';
|
|
1077
1079
|
var horizSections = [{ value: '0' }];
|
|
1078
|
-
var stepHeight = (
|
|
1079
|
-
var stepValue = (
|
|
1080
|
-
var noOfSectionsBelowXAxis = (
|
|
1080
|
+
var stepHeight = (_261 = props.stepHeight) !== null && _261 !== void 0 ? _261 : containerHeight / noOfSections;
|
|
1081
|
+
var stepValue = (_262 = props.stepValue) !== null && _262 !== void 0 ? _262 : maxValue / noOfSections;
|
|
1082
|
+
var noOfSectionsBelowXAxis = (_263 = props.noOfSectionsBelowXAxis) !== null && _263 !== void 0 ? _263 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
1081
1083
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
1082
1084
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
1083
1085
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
1084
1086
|
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
1085
1087
|
stepHeight;
|
|
1086
|
-
var showXAxisIndices = (
|
|
1087
|
-
var xAxisIndicesHeight = (
|
|
1088
|
-
var xAxisIndicesWidth = (
|
|
1089
|
-
var xAxisIndicesColor = (
|
|
1090
|
-
var xAxisTextNumberOfLines = (
|
|
1091
|
-
var xAxisLabelsVerticalShift = (
|
|
1088
|
+
var showXAxisIndices = (_264 = props.showXAxisIndices) !== null && _264 !== void 0 ? _264 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1089
|
+
var xAxisIndicesHeight = (_265 = props.xAxisIndicesHeight) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1090
|
+
var xAxisIndicesWidth = (_266 = props.xAxisIndicesWidth) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1091
|
+
var xAxisIndicesColor = (_267 = props.xAxisIndicesColor) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1092
|
+
var xAxisTextNumberOfLines = (_268 = props.xAxisTextNumberOfLines) !== null && _268 !== void 0 ? _268 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1093
|
+
var xAxisLabelsVerticalShift = (_269 = props.xAxisLabelsVerticalShift) !== null && _269 !== void 0 ? _269 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
1092
1094
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
1093
1095
|
var horizontal = false;
|
|
1094
1096
|
var yAxisAtTop = false;
|
|
1095
1097
|
defaultPointerConfig.pointerStripHeight =
|
|
1096
1098
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
1097
1099
|
var pointerConfig = props.pointerConfig;
|
|
1098
|
-
var getPointerProps = (
|
|
1099
|
-
var pointerHeight = (
|
|
1100
|
-
var pointerWidth = (
|
|
1101
|
-
var pointerRadius = (
|
|
1102
|
-
var pointerColor = (
|
|
1103
|
-
var pointerComponent = (
|
|
1100
|
+
var getPointerProps = (_270 = props.getPointerProps) !== null && _270 !== void 0 ? _270 : null;
|
|
1101
|
+
var pointerHeight = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.height;
|
|
1102
|
+
var pointerWidth = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.width;
|
|
1103
|
+
var pointerRadius = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.radius;
|
|
1104
|
+
var pointerColor = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.pointerColor;
|
|
1105
|
+
var pointerComponent = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.pointerComponent;
|
|
1104
1106
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
1105
1107
|
? false
|
|
1106
1108
|
: defaultPointerConfig.showPointerStrip;
|
|
1107
|
-
var pointerStripHeight = (
|
|
1108
|
-
var pointerStripWidth = (
|
|
1109
|
-
var pointerStripColor = (
|
|
1110
|
-
var pointerStripUptoDataPoint = (
|
|
1111
|
-
var pointerLabelComponent = (
|
|
1112
|
-
var stripOverPointer = (
|
|
1113
|
-
var shiftPointerLabelX = (
|
|
1114
|
-
var shiftPointerLabelY = (
|
|
1115
|
-
var pointerLabelWidth = (
|
|
1116
|
-
var pointerLabelHeight = (
|
|
1117
|
-
var autoAdjustPointerLabelPosition = (
|
|
1118
|
-
var pointerVanishDelay = (
|
|
1119
|
-
var activatePointersOnLongPress = (
|
|
1120
|
-
var activatePointersInstantlyOnTouch = (
|
|
1121
|
-
var activatePointersDelay = (
|
|
1122
|
-
var initialPointerIndex = (
|
|
1123
|
-
var initialPointerAppearDelay = (
|
|
1109
|
+
var pointerStripHeight = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerStripHeight;
|
|
1110
|
+
var pointerStripWidth = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerStripWidth;
|
|
1111
|
+
var pointerStripColor = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripColor;
|
|
1112
|
+
var pointerStripUptoDataPoint = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1113
|
+
var pointerLabelComponent = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerLabelComponent;
|
|
1114
|
+
var stripOverPointer = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.stripOverPointer;
|
|
1115
|
+
var shiftPointerLabelX = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.shiftPointerLabelX;
|
|
1116
|
+
var shiftPointerLabelY = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.shiftPointerLabelY;
|
|
1117
|
+
var pointerLabelWidth = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.pointerLabelWidth;
|
|
1118
|
+
var pointerLabelHeight = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.pointerLabelHeight;
|
|
1119
|
+
var autoAdjustPointerLabelPosition = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1120
|
+
var pointerVanishDelay = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.pointerVanishDelay;
|
|
1121
|
+
var activatePointersOnLongPress = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1122
|
+
var activatePointersInstantlyOnTouch = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.activatePointersInstantlyOnTouch;
|
|
1123
|
+
var activatePointersDelay = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersDelay;
|
|
1124
|
+
var initialPointerIndex = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.initialPointerIndex;
|
|
1125
|
+
var initialPointerAppearDelay = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _292 !== void 0 ? _292 : (isAnimated
|
|
1124
1126
|
? animationDuration
|
|
1125
1127
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
1126
|
-
var persistPointer = (
|
|
1127
|
-
var resetPointerIndexOnRelease = (
|
|
1128
|
-
var hidePointers = (
|
|
1129
|
-
var hidePointer1 = (
|
|
1130
|
-
var hidePointer2 = (
|
|
1131
|
-
var hidePointer3 = (
|
|
1132
|
-
var hidePointer4 = (
|
|
1133
|
-
var hidePointer5 = (
|
|
1134
|
-
var hideSecondaryPointer = (
|
|
1135
|
-
var resetPointerOnDataChange = (
|
|
1136
|
-
var hidePointerDataPointForMissingValues = (
|
|
1128
|
+
var persistPointer = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.persistPointer;
|
|
1129
|
+
var resetPointerIndexOnRelease = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.resetPointerIndexOnRelease;
|
|
1130
|
+
var hidePointers = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.hidePointers;
|
|
1131
|
+
var hidePointer1 = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.hidePointer1;
|
|
1132
|
+
var hidePointer2 = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointer2;
|
|
1133
|
+
var hidePointer3 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer3;
|
|
1134
|
+
var hidePointer4 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer4;
|
|
1135
|
+
var hidePointer5 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer5;
|
|
1136
|
+
var hideSecondaryPointer = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hideSecondaryPointer;
|
|
1137
|
+
var resetPointerOnDataChange = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.resetPointerOnDataChange;
|
|
1138
|
+
var hidePointerDataPointForMissingValues = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _303 !== void 0 ? _303 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
|
|
1137
1139
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
1138
|
-
var disableScroll = (
|
|
1140
|
+
var disableScroll = (_304 = props.disableScroll) !== null && _304 !== void 0 ? _304 : (pointerConfig
|
|
1139
1141
|
? activatePointersOnLongPress
|
|
1140
1142
|
? !!responderActive
|
|
1141
1143
|
: true
|
|
1142
1144
|
: false);
|
|
1143
|
-
var showScrollIndicator = (
|
|
1144
|
-
var focusEnabled = (
|
|
1145
|
-
var showDataPointOnFocus = (
|
|
1146
|
-
var showStripOnFocus = (
|
|
1147
|
-
var showTextOnFocus = (
|
|
1148
|
-
var showDataPointLabelOnFocus = (
|
|
1145
|
+
var showScrollIndicator = (_305 = props.showScrollIndicator) !== null && _305 !== void 0 ? _305 : LineDefaults.showScrollIndicator;
|
|
1146
|
+
var focusEnabled = (_306 = props.focusEnabled) !== null && _306 !== void 0 ? _306 : LineDefaults.focusEnabled;
|
|
1147
|
+
var showDataPointOnFocus = (_307 = props.showDataPointOnFocus) !== null && _307 !== void 0 ? _307 : LineDefaults.showDataPointOnFocus;
|
|
1148
|
+
var showStripOnFocus = (_308 = props.showStripOnFocus) !== null && _308 !== void 0 ? _308 : LineDefaults.showStripOnFocus;
|
|
1149
|
+
var showTextOnFocus = (_309 = props.showTextOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showTextOnFocus;
|
|
1150
|
+
var showDataPointLabelOnFocus = (_310 = props.showDataPointLabelOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showDataPointLabelOnFocus;
|
|
1149
1151
|
var stripHeight = props.stripHeight;
|
|
1150
|
-
var stripWidth = (
|
|
1151
|
-
var stripColor = (
|
|
1152
|
-
var stripOpacity = (
|
|
1152
|
+
var stripWidth = (_311 = props.stripWidth) !== null && _311 !== void 0 ? _311 : LineDefaults.stripWidth;
|
|
1153
|
+
var stripColor = (_312 = props.stripColor) !== null && _312 !== void 0 ? _312 : color1;
|
|
1154
|
+
var stripOpacity = (_313 = props.stripOpacity) !== null && _313 !== void 0 ? _313 : (startOpacity1 + endOpacity1) / 2;
|
|
1153
1155
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
1154
|
-
var unFocusOnPressOut = (
|
|
1155
|
-
var delayBeforeUnFocus = (
|
|
1156
|
-
var focusTogether = (
|
|
1157
|
-
var focusProximity = (
|
|
1158
|
-
var lineGradient = (
|
|
1159
|
-
var lineGradientDirection = (
|
|
1160
|
-
var lineGradientStartColor = (
|
|
1161
|
-
var lineGradientEndColor = (
|
|
1162
|
-
var
|
|
1156
|
+
var unFocusOnPressOut = (_314 = props.unFocusOnPressOut) !== null && _314 !== void 0 ? _314 : LineDefaults.unFocusOnPressOut;
|
|
1157
|
+
var delayBeforeUnFocus = (_315 = props.delayBeforeUnFocus) !== null && _315 !== void 0 ? _315 : LineDefaults.delayBeforeUnFocus;
|
|
1158
|
+
var focusTogether = (_316 = props.focusTogether) !== null && _316 !== void 0 ? _316 : true;
|
|
1159
|
+
var focusProximity = (_317 = props.focusProximity) !== null && _317 !== void 0 ? _317 : Infinity;
|
|
1160
|
+
var lineGradient = (_318 = props.lineGradient) !== null && _318 !== void 0 ? _318 : LineDefaults.lineGradient;
|
|
1161
|
+
var lineGradientDirection = (_319 = props.lineGradientDirection) !== null && _319 !== void 0 ? _319 : 'vertical';
|
|
1162
|
+
var lineGradientStartColor = (_320 = props.lineGradientStartColor) !== null && _320 !== void 0 ? _320 : LineDefaults.lineGradientStartColor;
|
|
1163
|
+
var lineGradientEndColor = (_321 = props.lineGradientEndColor) !== null && _321 !== void 0 ? _321 : LineDefaults.lineGradientEndColor;
|
|
1164
|
+
var _380 = __read(useState(-1), 2), selectedLineNumber = _380[0], setSelectedLineNumber = _380[1];
|
|
1163
1165
|
var getPointerY = function (value) {
|
|
1164
1166
|
return value
|
|
1165
1167
|
? containerHeight -
|
|
@@ -1233,6 +1235,7 @@ export var useLineChart = function (props) {
|
|
|
1233
1235
|
var handleFocus = function (index, item, locationY, onStripPress) {
|
|
1234
1236
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
1235
1237
|
var lineNumber = 0;
|
|
1238
|
+
var closestItem = item;
|
|
1236
1239
|
if (dataSet) {
|
|
1237
1240
|
var minDistance_1 = Infinity;
|
|
1238
1241
|
dataSet.forEach(function (setItem, setIndex) {
|
|
@@ -1241,6 +1244,7 @@ export var useLineChart = function (props) {
|
|
|
1241
1244
|
if (distance < minDistance_1) {
|
|
1242
1245
|
minDistance_1 = distance;
|
|
1243
1246
|
lineNumber = setIndex + 1;
|
|
1247
|
+
closestItem = setItem.data[index];
|
|
1244
1248
|
}
|
|
1245
1249
|
});
|
|
1246
1250
|
}
|
|
@@ -1250,14 +1254,17 @@ export var useLineChart = function (props) {
|
|
|
1250
1254
|
if (typeof ((_a = data[index]) === null || _a === void 0 ? void 0 : _a.value) === 'number') {
|
|
1251
1255
|
distance1 = Math.abs(getY((_b = data[index]) === null || _b === void 0 ? void 0 : _b.value) - locationY);
|
|
1252
1256
|
minDistance = distance1;
|
|
1253
|
-
if (distance1 < focusProximity)
|
|
1257
|
+
if (distance1 < focusProximity) {
|
|
1254
1258
|
lineNumber = 1;
|
|
1259
|
+
closestItem = data[index];
|
|
1260
|
+
}
|
|
1255
1261
|
}
|
|
1256
1262
|
if (typeof ((_c = data2[index]) === null || _c === void 0 ? void 0 : _c.value) === 'number') {
|
|
1257
1263
|
distance2 = Math.abs(getY((_d = data2[index]) === null || _d === void 0 ? void 0 : _d.value) - locationY);
|
|
1258
1264
|
if (minDistance > distance2 && distance2 < focusProximity) {
|
|
1259
1265
|
minDistance = distance2;
|
|
1260
1266
|
lineNumber = 2;
|
|
1267
|
+
closestItem = data2[index];
|
|
1261
1268
|
}
|
|
1262
1269
|
}
|
|
1263
1270
|
if (typeof ((_e = data3[index]) === null || _e === void 0 ? void 0 : _e.value) === 'number') {
|
|
@@ -1265,6 +1272,7 @@ export var useLineChart = function (props) {
|
|
|
1265
1272
|
if (minDistance > distance3 && distance3 < focusProximity) {
|
|
1266
1273
|
minDistance = distance3;
|
|
1267
1274
|
lineNumber = 3;
|
|
1275
|
+
closestItem = data3[index];
|
|
1268
1276
|
}
|
|
1269
1277
|
}
|
|
1270
1278
|
if (typeof ((_g = data4[index]) === null || _g === void 0 ? void 0 : _g.value) === 'number') {
|
|
@@ -1272,6 +1280,7 @@ export var useLineChart = function (props) {
|
|
|
1272
1280
|
if (minDistance > distance4 && distance4 < focusProximity) {
|
|
1273
1281
|
minDistance = distance4;
|
|
1274
1282
|
lineNumber = 4;
|
|
1283
|
+
closestItem = data4[index];
|
|
1275
1284
|
}
|
|
1276
1285
|
}
|
|
1277
1286
|
if (typeof ((_j = data5[index]) === null || _j === void 0 ? void 0 : _j.value) === 'number') {
|
|
@@ -1279,6 +1288,7 @@ export var useLineChart = function (props) {
|
|
|
1279
1288
|
if (minDistance > distance5 && distance5 < focusProximity) {
|
|
1280
1289
|
minDistance = distance5;
|
|
1281
1290
|
lineNumber = 5;
|
|
1291
|
+
closestItem = data5[index];
|
|
1282
1292
|
}
|
|
1283
1293
|
}
|
|
1284
1294
|
if (typeof ((_l = secondaryData[index]) === null || _l === void 0 ? void 0 : _l.value) === 'number') {
|
|
@@ -1286,12 +1296,13 @@ export var useLineChart = function (props) {
|
|
|
1286
1296
|
if (minDistance > distance6 && distance6 < focusProximity) {
|
|
1287
1297
|
minDistance = distance6;
|
|
1288
1298
|
lineNumber = 6666;
|
|
1299
|
+
closestItem = secondaryData[index];
|
|
1289
1300
|
}
|
|
1290
1301
|
}
|
|
1291
1302
|
}
|
|
1292
1303
|
setSelectedLineNumber(lineNumber - 1);
|
|
1293
1304
|
if (lineNumber) {
|
|
1294
|
-
onStripPress(
|
|
1305
|
+
onStripPress(closestItem, index);
|
|
1295
1306
|
}
|
|
1296
1307
|
};
|
|
1297
1308
|
var handleUnFocus = function () {
|
|
@@ -1299,8 +1310,8 @@ export var useLineChart = function (props) {
|
|
|
1299
1310
|
setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
|
|
1300
1311
|
}
|
|
1301
1312
|
};
|
|
1302
|
-
var dataPointsRadius = (
|
|
1303
|
-
var dataPointsWidth = (
|
|
1313
|
+
var dataPointsRadius = (_323 = (_322 = props.dataPointsRadius1) !== null && _322 !== void 0 ? _322 : props.dataPointsRadius) !== null && _323 !== void 0 ? _323 : LineDefaults.dataPointsRadius;
|
|
1314
|
+
var dataPointsWidth = (_325 = (_324 = props.dataPointsWidth1) !== null && _324 !== void 0 ? _324 : props.dataPointsWidth) !== null && _325 !== void 0 ? _325 : LineDefaults.dataPointsWidth;
|
|
1304
1315
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1305
1316
|
? 0
|
|
1306
1317
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1368,11 +1379,13 @@ export var useLineChart = function (props) {
|
|
|
1368
1379
|
pointerY: pointerY,
|
|
1369
1380
|
onEndReached: props.onEndReached,
|
|
1370
1381
|
onStartReached: props.onStartReached,
|
|
1371
|
-
endReachedOffset: (
|
|
1382
|
+
endReachedOffset: (_326 = props.endReachedOffset) !== null && _326 !== void 0 ? _326 : LineDefaults.endReachedOffset,
|
|
1372
1383
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1373
1384
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint,
|
|
1374
1385
|
customBackground: props.customBackground,
|
|
1375
|
-
onlyPositive: onlyPositive
|
|
1386
|
+
onlyPositive: onlyPositive,
|
|
1387
|
+
highlightEnabled: LineDefaults.highlightEnabled,
|
|
1388
|
+
lowlightOpacity: LineDefaults.lowlightOpacity
|
|
1376
1389
|
};
|
|
1377
1390
|
return {
|
|
1378
1391
|
curvature: curvature,
|
|
@@ -1750,7 +1763,14 @@ export var useLineChart = function (props) {
|
|
|
1750
1763
|
focusTogether: focusTogether,
|
|
1751
1764
|
focusProximity: focusProximity,
|
|
1752
1765
|
handleFocus: handleFocus,
|
|
1753
|
-
handleUnFocus: handleUnFocus
|
|
1766
|
+
handleUnFocus: handleUnFocus,
|
|
1767
|
+
renderTooltip: renderTooltip,
|
|
1768
|
+
renderTooltip1: renderTooltip1,
|
|
1769
|
+
renderTooltip2: renderTooltip2,
|
|
1770
|
+
renderTooltip3: renderTooltip3,
|
|
1771
|
+
renderTooltip4: renderTooltip4,
|
|
1772
|
+
renderTooltip5: renderTooltip5,
|
|
1773
|
+
renderTooltipSecondary: renderTooltipSecondary
|
|
1754
1774
|
// oldPoints
|
|
1755
1775
|
};
|
|
1756
1776
|
};
|