gifted-charts-core 0.1.35 → 0.1.37
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.js +10 -3
- package/dist/BarChart/index.d.ts +6 -1
- package/dist/BarChart/index.js +156 -101
- package/dist/BarChart/types.d.ts +16 -2
- package/dist/LineChart/LineChartBiColor.js +1 -1
- package/dist/LineChart/index.js +222 -190
- package/dist/LineChart/types.d.ts +1 -0
- package/dist/components/BarAndLineChartsWrapper/getHorizSectionsVals.js +43 -43
- package/dist/components/BarAndLineChartsWrapper/index.js +19 -17
- package/dist/utils/index.d.ts +10 -3
- package/dist/utils/index.js +29 -12
- package/dist/utils/types.d.ts +7 -1
- 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;
|
|
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;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _308 = props.interpolateMissingValues, interpolateMissingValues = _308 === void 0 ? true : _308, _309 = props.extrapolateMissingValues, extrapolateMissingValues = _309 === void 0 ? true : _309, 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 _310 = __read(useState(0), 2), scrollX = _310[0], setScrollX = _310[1];
|
|
53
|
+
var _311 = __read(useState(''), 2), arrow1Points = _311[0], setArrow1Points = _311[1];
|
|
54
|
+
var _312 = __read(useState(''), 2), arrow2Points = _312[0], setArrow2Points = _312[1];
|
|
55
|
+
var _313 = __read(useState(''), 2), arrow3Points = _313[0], setArrow3Points = _313[1];
|
|
56
|
+
var _314 = __read(useState(''), 2), arrow4Points = _314[0], setArrow4Points = _314[1];
|
|
57
|
+
var _315 = __read(useState(''), 2), arrow5Points = _315[0], setArrow5Points = _315[1];
|
|
58
|
+
var _316 = __read(useState(''), 2), secondaryArrowPoints = _316[0], setSecondaryArrowPoints = _316[1];
|
|
59
|
+
var _317 = __read(useState(-1), 2), pointerIndex = _317[0], setPointerIndex = _317[1];
|
|
60
|
+
var _318 = __read(useState(0), 2), pointerX = _318[0], setPointerX = _318[1];
|
|
61
|
+
var _319 = __read(useState(0), 2), pointerY = _319[0], setPointerY = _319[1];
|
|
62
|
+
var _320 = __read(useState(), 2), pointerItem = _320[0], setPointerItem = _320[1];
|
|
63
|
+
var _321 = __read(useState(0), 2), pointerY2 = _321[0], setPointerY2 = _321[1];
|
|
64
|
+
var _322 = __read(useState(), 2), pointerItem2 = _322[0], setPointerItem2 = _322[1];
|
|
65
|
+
var _323 = __read(useState(0), 2), pointerY3 = _323[0], setPointerY3 = _323[1];
|
|
66
|
+
var _324 = __read(useState(), 2), pointerItem3 = _324[0], setPointerItem3 = _324[1];
|
|
67
|
+
var _325 = __read(useState(0), 2), pointerY4 = _325[0], setPointerY4 = _325[1];
|
|
68
|
+
var _326 = __read(useState(), 2), pointerItem4 = _326[0], setPointerItem4 = _326[1];
|
|
69
|
+
var _327 = __read(useState(0), 2), pointerY5 = _327[0], setPointerY5 = _327[1];
|
|
70
|
+
var _328 = __read(useState([]), 2), pointerYsForDataSet = _328[0], setPointerYsForDataSet = _328[1];
|
|
71
|
+
var _329 = __read(useState(), 2), pointerItem5 = _329[0], setPointerItem5 = _329[1];
|
|
72
|
+
var _330 = __read(useState(0), 2), secondaryPointerY = _330[0], setSecondaryPointerY = _330[1];
|
|
73
|
+
var _331 = __read(useState(), 2), secondaryPointerItem = _331[0], setSecondaryPointerItem = _331[1];
|
|
74
|
+
var _332 = __read(useState([]), 2), pointerItemsForSet = _332[0], setPointerItemsForSet = _332[1];
|
|
75
|
+
var _333 = __read(useState([]), 2), secondaryPointerItemsForSet = _333[0], setSecondaryPointerItemsForSet = _333[1];
|
|
76
|
+
var _334 = __read(useState(0), 2), responderStartTime = _334[0], setResponderStartTime = _334[1];
|
|
77
|
+
var _335 = __read(useState(false), 2), responderActive = _335[0], setResponderActive = _335[1];
|
|
78
|
+
var _336 = __read(useState(''), 2), points = _336[0], setPoints = _336[1];
|
|
79
|
+
var _337 = __read(useState(''), 2), points2 = _337[0], setPoints2 = _337[1];
|
|
80
|
+
var _338 = __read(useState(''), 2), points3 = _338[0], setPoints3 = _338[1];
|
|
81
|
+
var _339 = __read(useState(''), 2), points4 = _339[0], setPoints4 = _339[1];
|
|
82
|
+
var _340 = __read(useState(''), 2), points5 = _340[0], setPoints5 = _340[1];
|
|
83
|
+
var _341 = __read(useState(''), 2), secondaryPoints = _341[0], setSecondaryPoints = _341[1];
|
|
84
|
+
var _342 = __read(useState(''), 2), fillPoints = _342[0], setFillPoints = _342[1];
|
|
85
|
+
var _343 = __read(useState(''), 2), fillPoints2 = _343[0], setFillPoints2 = _343[1];
|
|
86
|
+
var _344 = __read(useState(''), 2), fillPoints3 = _344[0], setFillPoints3 = _344[1];
|
|
87
|
+
var _345 = __read(useState(''), 2), fillPoints4 = _345[0], setFillPoints4 = _345[1];
|
|
88
|
+
var _346 = __read(useState(''), 2), fillPoints5 = _346[0], setFillPoints5 = _346[1];
|
|
89
|
+
var _347 = __read(useState(''), 2), secondaryFillPoints = _347[0], setSecondaryFillPoints = _347[1];
|
|
90
|
+
var _348 = __read(useState([]), 2), pointsFromSet = _348[0], setPointsFromSet = _348[1];
|
|
91
|
+
var _349 = __read(useState([]), 2), fillPointsFromSet = _349[0], setFillPointsFromSet = _349[1];
|
|
92
|
+
var _350 = __read(useState([]), 2), arrowPointsFromSet = _350[0], setArrowPointsFromSet = _350[1];
|
|
93
|
+
var _351 = __read(useState((_j = props.focusedDataPointIndex) !== null && _j !== void 0 ? _j : -1), 2), selectedIndex = _351[0], setSelectedIndex = _351[1];
|
|
94
94
|
useEffect(function () {
|
|
95
95
|
var _a;
|
|
96
96
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
@@ -253,10 +253,31 @@ export var useLineChart = function (props) {
|
|
|
253
253
|
var textColor4 = (_101 = (_100 = props.textColor4) !== null && _100 !== void 0 ? _100 : props.textColor) !== null && _101 !== void 0 ? _101 : LineDefaults.textColor;
|
|
254
254
|
var textColor5 = (_103 = (_102 = props.textColor5) !== null && _102 !== void 0 ? _102 : props.textColor) !== null && _103 !== void 0 ? _103 : LineDefaults.textColor;
|
|
255
255
|
var totalWidth = initialSpacing + spacing * maxLengthOfDataOrSet - 1 + endSpacing;
|
|
256
|
-
var
|
|
256
|
+
var mergedPrimaryDataArrays = [];
|
|
257
|
+
var mergedSecondaryDataArrays = [];
|
|
258
|
+
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
259
|
+
dataSet.forEach(function (set) {
|
|
260
|
+
if (set.isSecondary) {
|
|
261
|
+
mergedSecondaryDataArrays.push.apply(mergedSecondaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
262
|
+
}
|
|
263
|
+
else {
|
|
264
|
+
mergedPrimaryDataArrays.push.apply(mergedPrimaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
}
|
|
268
|
+
else {
|
|
269
|
+
mergedPrimaryDataArrays = data;
|
|
270
|
+
mergedSecondaryDataArrays = secondaryData;
|
|
271
|
+
}
|
|
272
|
+
if (!mergedPrimaryDataArrays.length) {
|
|
273
|
+
mergedPrimaryDataArrays = __spreadArray([], __read(mergedSecondaryDataArrays), false);
|
|
274
|
+
}
|
|
275
|
+
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
276
|
+
Math.min.apply(// find the largest +ve number
|
|
277
|
+
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
257
278
|
var showFractionalValues = (_104 = props.showFractionalValues) !== null && _104 !== void 0 ? _104 : valuesRange <= 1;
|
|
258
279
|
var roundToDigits = (_105 = props.roundToDigits) !== null && _105 !== void 0 ? _105 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
259
|
-
var
|
|
280
|
+
var _352 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _352.maxItem, minItem = _352.minItem;
|
|
260
281
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
|
|
261
282
|
var mostNegativeValue = (_106 = props.mostNegativeValue) !== null && _106 !== void 0 ? _106 : minItem;
|
|
262
283
|
var overflowTop = ((_107 = props.overflowTop) !== null && _107 !== void 0 ? _107 : props.secondaryXAxis)
|
|
@@ -267,96 +288,103 @@ export var useLineChart = function (props) {
|
|
|
267
288
|
var getY = function (value) {
|
|
268
289
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
269
290
|
};
|
|
270
|
-
var
|
|
271
|
-
|
|
291
|
+
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
292
|
+
Math.min.apply(// find the largest +ve number
|
|
293
|
+
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
294
|
+
var showSecondaryFractionalValues = (_109 = (_108 = props.secondaryYAxis) === null || _108 === void 0 ? void 0 : _108.showFractionalValues) !== null && _109 !== void 0 ? _109 : secondaryValuesRange <= 1;
|
|
295
|
+
var secondaryRoundToDigits = (_111 = (_110 = props.secondaryYAxis) === null || _110 === void 0 ? void 0 : _110.roundToDigits) !== null && _111 !== void 0 ? _111 : (showSecondaryFractionalValues
|
|
296
|
+
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
297
|
+
: 0);
|
|
298
|
+
var _353 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _353.maxItem, secondaryMinItem = _353.minItem;
|
|
299
|
+
var secondaryMaxValue = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.maxValue) !== null && _113 !== void 0 ? _113 : (secondaryMaxItem || maxValue);
|
|
272
300
|
var getSecondaryY = function (value) {
|
|
273
301
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
274
302
|
};
|
|
275
303
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
276
|
-
var showValuesAsDataPointsText = (
|
|
277
|
-
var thickness1 = (
|
|
278
|
-
var thickness2 = (
|
|
279
|
-
var thickness3 = (
|
|
280
|
-
var thickness4 = (
|
|
281
|
-
var thickness5 = (
|
|
282
|
-
var zIndex1 = (
|
|
283
|
-
var zIndex2 = (
|
|
284
|
-
var zIndex3 = (
|
|
285
|
-
var zIndex4 = (
|
|
286
|
-
var zIndex5 = (
|
|
287
|
-
var strokeDashArray1 = (
|
|
288
|
-
var strokeDashArray2 = (
|
|
289
|
-
var strokeDashArray3 = (
|
|
290
|
-
var strokeDashArray4 = (
|
|
291
|
-
var strokeDashArray5 = (
|
|
292
|
-
var rotateLabel = (
|
|
293
|
-
var isAnimated = (
|
|
294
|
-
var hideDataPoints1 = (
|
|
295
|
-
var hideDataPoints2 = (
|
|
296
|
-
var hideDataPoints3 = (
|
|
297
|
-
var hideDataPoints4 = (
|
|
298
|
-
var hideDataPoints5 = (
|
|
299
|
-
var color1 = (
|
|
300
|
-
var color2 = (
|
|
301
|
-
var color3 = (
|
|
302
|
-
var color4 = (
|
|
303
|
-
var color5 = (
|
|
304
|
-
var startFillColor1 = (
|
|
305
|
-
var endFillColor1 = (
|
|
306
|
-
var startOpacity = (
|
|
307
|
-
var endOpacity = (
|
|
308
|
-
var startOpacity1 = (
|
|
309
|
-
var endOpacity1 = (
|
|
310
|
-
var startFillColor2 = (
|
|
311
|
-
var endFillColor2 = (
|
|
312
|
-
var startOpacity2 = (
|
|
313
|
-
var endOpacity2 = (
|
|
314
|
-
var startFillColor3 = (
|
|
315
|
-
var endFillColor3 = (
|
|
316
|
-
var startOpacity3 = (
|
|
317
|
-
var endOpacity3 = (
|
|
318
|
-
var startFillColor4 = (
|
|
319
|
-
var endFillColor4 = (
|
|
320
|
-
var startOpacity4 = (
|
|
321
|
-
var endOpacity4 = (
|
|
322
|
-
var startFillColor5 = (
|
|
323
|
-
var endFillColor5 = (
|
|
324
|
-
var startOpacity5 = (
|
|
325
|
-
var endOpacity5 = (
|
|
326
|
-
defaultArrowConfig.strokeWidth = (
|
|
327
|
-
defaultArrowConfig.strokeColor = (
|
|
328
|
-
var
|
|
304
|
+
var showValuesAsDataPointsText = (_114 = props.showValuesAsDataPointsText) !== null && _114 !== void 0 ? _114 : LineDefaults.showValuesAsDataPointsText;
|
|
305
|
+
var thickness1 = (_116 = (_115 = props.thickness1) !== null && _115 !== void 0 ? _115 : props.thickness) !== null && _116 !== void 0 ? _116 : LineDefaults.thickness;
|
|
306
|
+
var thickness2 = (_118 = (_117 = props.thickness2) !== null && _117 !== void 0 ? _117 : props.thickness) !== null && _118 !== void 0 ? _118 : LineDefaults.thickness;
|
|
307
|
+
var thickness3 = (_120 = (_119 = props.thickness3) !== null && _119 !== void 0 ? _119 : props.thickness) !== null && _120 !== void 0 ? _120 : LineDefaults.thickness;
|
|
308
|
+
var thickness4 = (_122 = (_121 = props.thickness4) !== null && _121 !== void 0 ? _121 : props.thickness) !== null && _122 !== void 0 ? _122 : LineDefaults.thickness;
|
|
309
|
+
var thickness5 = (_124 = (_123 = props.thickness5) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
310
|
+
var zIndex1 = (_125 = props.zIndex1) !== null && _125 !== void 0 ? _125 : 0;
|
|
311
|
+
var zIndex2 = (_126 = props.zIndex2) !== null && _126 !== void 0 ? _126 : 0;
|
|
312
|
+
var zIndex3 = (_127 = props.zIndex3) !== null && _127 !== void 0 ? _127 : 0;
|
|
313
|
+
var zIndex4 = (_128 = props.zIndex4) !== null && _128 !== void 0 ? _128 : 0;
|
|
314
|
+
var zIndex5 = (_129 = props.zIndex5) !== null && _129 !== void 0 ? _129 : 0;
|
|
315
|
+
var strokeDashArray1 = (_130 = props.strokeDashArray1) !== null && _130 !== void 0 ? _130 : props.strokeDashArray;
|
|
316
|
+
var strokeDashArray2 = (_131 = props.strokeDashArray2) !== null && _131 !== void 0 ? _131 : props.strokeDashArray;
|
|
317
|
+
var strokeDashArray3 = (_132 = props.strokeDashArray3) !== null && _132 !== void 0 ? _132 : props.strokeDashArray;
|
|
318
|
+
var strokeDashArray4 = (_133 = props.strokeDashArray4) !== null && _133 !== void 0 ? _133 : props.strokeDashArray;
|
|
319
|
+
var strokeDashArray5 = (_134 = props.strokeDashArray5) !== null && _134 !== void 0 ? _134 : props.strokeDashArray;
|
|
320
|
+
var rotateLabel = (_135 = props.rotateLabel) !== null && _135 !== void 0 ? _135 : false;
|
|
321
|
+
var isAnimated = (_136 = props.isAnimated) !== null && _136 !== void 0 ? _136 : false;
|
|
322
|
+
var hideDataPoints1 = (_138 = (_137 = props.hideDataPoints) !== null && _137 !== void 0 ? _137 : props.hideDataPoints1) !== null && _138 !== void 0 ? _138 : false;
|
|
323
|
+
var hideDataPoints2 = (_140 = (_139 = props.hideDataPoints) !== null && _139 !== void 0 ? _139 : props.hideDataPoints2) !== null && _140 !== void 0 ? _140 : false;
|
|
324
|
+
var hideDataPoints3 = (_142 = (_141 = props.hideDataPoints) !== null && _141 !== void 0 ? _141 : props.hideDataPoints3) !== null && _142 !== void 0 ? _142 : false;
|
|
325
|
+
var hideDataPoints4 = (_144 = (_143 = props.hideDataPoints) !== null && _143 !== void 0 ? _143 : props.hideDataPoints4) !== null && _144 !== void 0 ? _144 : false;
|
|
326
|
+
var hideDataPoints5 = (_146 = (_145 = props.hideDataPoints) !== null && _145 !== void 0 ? _145 : props.hideDataPoints5) !== null && _146 !== void 0 ? _146 : false;
|
|
327
|
+
var color1 = (_148 = (_147 = props.color1) !== null && _147 !== void 0 ? _147 : props.color) !== null && _148 !== void 0 ? _148 : LineDefaults.color;
|
|
328
|
+
var color2 = (_150 = (_149 = props.color2) !== null && _149 !== void 0 ? _149 : props.color) !== null && _150 !== void 0 ? _150 : LineDefaults.color;
|
|
329
|
+
var color3 = (_152 = (_151 = props.color3) !== null && _151 !== void 0 ? _151 : props.color) !== null && _152 !== void 0 ? _152 : LineDefaults.color;
|
|
330
|
+
var color4 = (_154 = (_153 = props.color4) !== null && _153 !== void 0 ? _153 : props.color) !== null && _154 !== void 0 ? _154 : LineDefaults.color;
|
|
331
|
+
var color5 = (_156 = (_155 = props.color5) !== null && _155 !== void 0 ? _155 : props.color) !== null && _156 !== void 0 ? _156 : LineDefaults.color;
|
|
332
|
+
var startFillColor1 = (_158 = (_157 = props.startFillColor1) !== null && _157 !== void 0 ? _157 : props.startFillColor) !== null && _158 !== void 0 ? _158 : LineDefaults.startFillColor;
|
|
333
|
+
var endFillColor1 = (_160 = (_159 = props.endFillColor1) !== null && _159 !== void 0 ? _159 : props.endFillColor) !== null && _160 !== void 0 ? _160 : LineDefaults.endFillColor;
|
|
334
|
+
var startOpacity = (_161 = props.startOpacity) !== null && _161 !== void 0 ? _161 : LineDefaults.startOpacity;
|
|
335
|
+
var endOpacity = (_162 = props.endOpacity) !== null && _162 !== void 0 ? _162 : LineDefaults.endOpacity;
|
|
336
|
+
var startOpacity1 = (_163 = props.startOpacity1) !== null && _163 !== void 0 ? _163 : startOpacity;
|
|
337
|
+
var endOpacity1 = (_164 = props.endOpacity1) !== null && _164 !== void 0 ? _164 : endOpacity;
|
|
338
|
+
var startFillColor2 = (_166 = (_165 = props.startFillColor2) !== null && _165 !== void 0 ? _165 : props.startFillColor) !== null && _166 !== void 0 ? _166 : LineDefaults.startFillColor;
|
|
339
|
+
var endFillColor2 = (_168 = (_167 = props.endFillColor2) !== null && _167 !== void 0 ? _167 : props.endFillColor) !== null && _168 !== void 0 ? _168 : LineDefaults.endFillColor;
|
|
340
|
+
var startOpacity2 = (_169 = props.startOpacity2) !== null && _169 !== void 0 ? _169 : startOpacity;
|
|
341
|
+
var endOpacity2 = (_170 = props.endOpacity2) !== null && _170 !== void 0 ? _170 : endOpacity;
|
|
342
|
+
var startFillColor3 = (_172 = (_171 = props.startFillColor3) !== null && _171 !== void 0 ? _171 : props.startFillColor) !== null && _172 !== void 0 ? _172 : LineDefaults.startFillColor;
|
|
343
|
+
var endFillColor3 = (_174 = (_173 = props.endFillColor3) !== null && _173 !== void 0 ? _173 : props.endFillColor) !== null && _174 !== void 0 ? _174 : LineDefaults.endFillColor;
|
|
344
|
+
var startOpacity3 = (_175 = props.startOpacity3) !== null && _175 !== void 0 ? _175 : startOpacity;
|
|
345
|
+
var endOpacity3 = (_176 = props.endOpacity3) !== null && _176 !== void 0 ? _176 : endOpacity;
|
|
346
|
+
var startFillColor4 = (_178 = (_177 = props.startFillColor4) !== null && _177 !== void 0 ? _177 : props.startFillColor) !== null && _178 !== void 0 ? _178 : LineDefaults.startFillColor;
|
|
347
|
+
var endFillColor4 = (_180 = (_179 = props.endFillColor4) !== null && _179 !== void 0 ? _179 : props.endFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.endFillColor;
|
|
348
|
+
var startOpacity4 = (_181 = props.startOpacity4) !== null && _181 !== void 0 ? _181 : startOpacity;
|
|
349
|
+
var endOpacity4 = (_182 = props.endOpacity4) !== null && _182 !== void 0 ? _182 : endOpacity;
|
|
350
|
+
var startFillColor5 = (_184 = (_183 = props.startFillColor5) !== null && _183 !== void 0 ? _183 : props.startFillColor) !== null && _184 !== void 0 ? _184 : LineDefaults.startFillColor;
|
|
351
|
+
var endFillColor5 = (_186 = (_185 = props.endFillColor5) !== null && _185 !== void 0 ? _185 : props.endFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.endFillColor;
|
|
352
|
+
var startOpacity5 = (_187 = props.startOpacity5) !== null && _187 !== void 0 ? _187 : startOpacity;
|
|
353
|
+
var endOpacity5 = (_188 = props.endOpacity5) !== null && _188 !== void 0 ? _188 : endOpacity;
|
|
354
|
+
defaultArrowConfig.strokeWidth = (_190 = (_189 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _189 === void 0 ? void 0 : _189.thickness) !== null && _190 !== void 0 ? _190 : thickness1;
|
|
355
|
+
defaultArrowConfig.strokeColor = (_192 = (_191 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _191 === void 0 ? void 0 : _191.color) !== null && _192 !== void 0 ? _192 : color1;
|
|
356
|
+
var _354 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _354.arrowLength1, arrowWidth1 = _354.arrowWidth1, arrowStrokeWidth1 = _354.arrowStrokeWidth1, arrowStrokeColor1 = _354.arrowStrokeColor1, arrowFillColor1 = _354.arrowFillColor1, showArrowBase1 = _354.showArrowBase1, arrowLength2 = _354.arrowLength2, arrowWidth2 = _354.arrowWidth2, arrowStrokeWidth2 = _354.arrowStrokeWidth2, arrowStrokeColor2 = _354.arrowStrokeColor2, arrowFillColor2 = _354.arrowFillColor2, showArrowBase2 = _354.showArrowBase2, arrowLength3 = _354.arrowLength3, arrowWidth3 = _354.arrowWidth3, arrowStrokeWidth3 = _354.arrowStrokeWidth3, arrowStrokeColor3 = _354.arrowStrokeColor3, arrowFillColor3 = _354.arrowFillColor3, showArrowBase3 = _354.showArrowBase3, arrowLength4 = _354.arrowLength4, arrowWidth4 = _354.arrowWidth4, arrowStrokeWidth4 = _354.arrowStrokeWidth4, arrowStrokeColor4 = _354.arrowStrokeColor4, arrowFillColor4 = _354.arrowFillColor4, showArrowBase4 = _354.showArrowBase4, arrowLength5 = _354.arrowLength5, arrowWidth5 = _354.arrowWidth5, arrowStrokeWidth5 = _354.arrowStrokeWidth5, arrowStrokeColor5 = _354.arrowStrokeColor5, arrowFillColor5 = _354.arrowFillColor5, showArrowBase5 = _354.showArrowBase5, arrowLengthsFromSet = _354.arrowLengthsFromSet, arrowWidthsFromSet = _354.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _354.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _354.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _354.arrowFillColorsFromSet, showArrowBasesFromSet = _354.showArrowBasesFromSet;
|
|
329
357
|
var secondaryLineConfig = {
|
|
330
|
-
zIndex: (
|
|
331
|
-
curved: (
|
|
332
|
-
curvature: (
|
|
333
|
-
curveType: (
|
|
334
|
-
areaChart: (
|
|
335
|
-
color: (
|
|
336
|
-
thickness: (
|
|
337
|
-
zIndex1: (
|
|
338
|
-
strokeDashArray: (
|
|
339
|
-
startIndex: (
|
|
340
|
-
endIndex: (
|
|
341
|
-
hideDataPoints: (
|
|
342
|
-
dataPointsHeight: (
|
|
343
|
-
dataPointsWidth: (
|
|
344
|
-
dataPointsRadius: (
|
|
345
|
-
dataPointsColor: (
|
|
346
|
-
dataPointsShape: (
|
|
347
|
-
showValuesAsDataPointsText: (
|
|
348
|
-
startFillColor: (
|
|
349
|
-
endFillColor: (
|
|
350
|
-
startOpacity: (
|
|
351
|
-
endOpacity: (
|
|
352
|
-
textFontSize: (
|
|
353
|
-
textColor: (
|
|
354
|
-
showArrow: (
|
|
355
|
-
arrowConfig: (
|
|
358
|
+
zIndex: (_194 = (_193 = props.secondaryLineConfig) === null || _193 === void 0 ? void 0 : _193.zIndex) !== null && _194 !== void 0 ? _194 : zIndex1,
|
|
359
|
+
curved: (_196 = (_195 = props.secondaryLineConfig) === null || _195 === void 0 ? void 0 : _195.curved) !== null && _196 !== void 0 ? _196 : props.curved,
|
|
360
|
+
curvature: (_198 = (_197 = props.secondaryLineConfig) === null || _197 === void 0 ? void 0 : _197.curvature) !== null && _198 !== void 0 ? _198 : curvature,
|
|
361
|
+
curveType: (_200 = (_199 = props.secondaryLineConfig) === null || _199 === void 0 ? void 0 : _199.curveType) !== null && _200 !== void 0 ? _200 : curveType,
|
|
362
|
+
areaChart: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.areaChart) !== null && _202 !== void 0 ? _202 : areaChart,
|
|
363
|
+
color: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1,
|
|
364
|
+
thickness: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.thickness) !== null && _206 !== void 0 ? _206 : thickness1,
|
|
365
|
+
zIndex1: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.zIndex1) !== null && _208 !== void 0 ? _208 : zIndex1,
|
|
366
|
+
strokeDashArray: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.strokeDashArray) !== null && _210 !== void 0 ? _210 : strokeDashArray1,
|
|
367
|
+
startIndex: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.startIndex) !== null && _212 !== void 0 ? _212 : startIndex1,
|
|
368
|
+
endIndex: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.endIndex) !== null && _214 !== void 0 ? _214 : endIndex1,
|
|
369
|
+
hideDataPoints: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.hideDataPoints) !== null && _216 !== void 0 ? _216 : hideDataPoints1,
|
|
370
|
+
dataPointsHeight: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.dataPointsHeight) !== null && _218 !== void 0 ? _218 : dataPointsHeight1,
|
|
371
|
+
dataPointsWidth: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.dataPointsWidth) !== null && _220 !== void 0 ? _220 : dataPointsWidth1,
|
|
372
|
+
dataPointsRadius: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.dataPointsRadius) !== null && _222 !== void 0 ? _222 : dataPointsRadius1,
|
|
373
|
+
dataPointsColor: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.dataPointsColor) !== null && _224 !== void 0 ? _224 : dataPointsColor1,
|
|
374
|
+
dataPointsShape: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.dataPointsShape) !== null && _226 !== void 0 ? _226 : dataPointsShape1,
|
|
375
|
+
showValuesAsDataPointsText: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.showValuesAsDataPointsText) !== null && _228 !== void 0 ? _228 : showValuesAsDataPointsText,
|
|
376
|
+
startFillColor: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.startFillColor) !== null && _230 !== void 0 ? _230 : startFillColor1,
|
|
377
|
+
endFillColor: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.endFillColor) !== null && _232 !== void 0 ? _232 : endFillColor1,
|
|
378
|
+
startOpacity: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.startOpacity) !== null && _234 !== void 0 ? _234 : startOpacity1,
|
|
379
|
+
endOpacity: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.endOpacity) !== null && _236 !== void 0 ? _236 : endOpacity1,
|
|
380
|
+
textFontSize: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.textFontSize) !== null && _238 !== void 0 ? _238 : textFontSize1,
|
|
381
|
+
textColor: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.textColor) !== null && _240 !== void 0 ? _240 : textColor1,
|
|
382
|
+
showArrow: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.showArrow) !== null && _242 !== void 0 ? _242 : props.showArrows,
|
|
383
|
+
arrowConfig: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.arrowConfig) !== null && _244 !== void 0 ? _244 : props.arrowConfig
|
|
356
384
|
};
|
|
357
385
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
358
386
|
? 0
|
|
359
|
-
: (
|
|
387
|
+
: (_245 = props.yAxisExtraHeight) !== null && _245 !== void 0 ? _245 : containerHeight / 20;
|
|
360
388
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
361
389
|
return ('M ' +
|
|
362
390
|
initialSpacing +
|
|
@@ -881,83 +909,87 @@ export var useLineChart = function (props) {
|
|
|
881
909
|
}
|
|
882
910
|
}
|
|
883
911
|
}, [secondaryData, secondaryLineConfig]);
|
|
884
|
-
var gradientDirection = (
|
|
912
|
+
var gradientDirection = (_246 = props.gradientDirection) !== null && _246 !== void 0 ? _246 : 'vertical';
|
|
885
913
|
var horizSections = [{ value: '0' }];
|
|
886
|
-
var stepHeight = (
|
|
887
|
-
var stepValue = (
|
|
888
|
-
var noOfSectionsBelowXAxis = (
|
|
889
|
-
var
|
|
890
|
-
var
|
|
891
|
-
var
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
var
|
|
895
|
-
var
|
|
914
|
+
var stepHeight = (_247 = props.stepHeight) !== null && _247 !== void 0 ? _247 : containerHeight / noOfSections;
|
|
915
|
+
var stepValue = (_248 = props.stepValue) !== null && _248 !== void 0 ? _248 : maxValue / noOfSections;
|
|
916
|
+
var noOfSectionsBelowXAxis = (_249 = props.noOfSectionsBelowXAxis) !== null && _249 !== void 0 ? _249 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
917
|
+
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
918
|
+
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
919
|
+
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
920
|
+
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
921
|
+
stepHeight;
|
|
922
|
+
var showXAxisIndices = (_250 = props.showXAxisIndices) !== null && _250 !== void 0 ? _250 : AxesAndRulesDefaults.showXAxisIndices;
|
|
923
|
+
var xAxisIndicesHeight = (_251 = props.xAxisIndicesHeight) !== null && _251 !== void 0 ? _251 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
924
|
+
var xAxisIndicesWidth = (_252 = props.xAxisIndicesWidth) !== null && _252 !== void 0 ? _252 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
925
|
+
var xAxisIndicesColor = (_253 = props.xAxisIndicesColor) !== null && _253 !== void 0 ? _253 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
926
|
+
var xAxisTextNumberOfLines = (_254 = props.xAxisTextNumberOfLines) !== null && _254 !== void 0 ? _254 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
927
|
+
var xAxisLabelsVerticalShift = (_255 = props.xAxisLabelsVerticalShift) !== null && _255 !== void 0 ? _255 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
896
928
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
897
929
|
var horizontal = false;
|
|
898
930
|
var yAxisAtTop = false;
|
|
899
931
|
defaultPointerConfig.pointerStripHeight =
|
|
900
932
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
901
933
|
var pointerConfig = props.pointerConfig;
|
|
902
|
-
var getPointerProps = (
|
|
903
|
-
var pointerHeight = (
|
|
904
|
-
var pointerWidth = (
|
|
905
|
-
var pointerRadius = (
|
|
906
|
-
var pointerColor = (
|
|
907
|
-
var pointerComponent = (
|
|
934
|
+
var getPointerProps = (_256 = props.getPointerProps) !== null && _256 !== void 0 ? _256 : null;
|
|
935
|
+
var pointerHeight = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.height;
|
|
936
|
+
var pointerWidth = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.width;
|
|
937
|
+
var pointerRadius = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.radius;
|
|
938
|
+
var pointerColor = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerColor;
|
|
939
|
+
var pointerComponent = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerComponent;
|
|
908
940
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
909
941
|
? false
|
|
910
942
|
: defaultPointerConfig.showPointerStrip;
|
|
911
|
-
var pointerStripHeight = (
|
|
912
|
-
var pointerStripWidth = (
|
|
913
|
-
var pointerStripColor = (
|
|
914
|
-
var pointerStripUptoDataPoint = (
|
|
915
|
-
var pointerLabelComponent = (
|
|
916
|
-
var stripOverPointer = (
|
|
917
|
-
var shiftPointerLabelX = (
|
|
918
|
-
var shiftPointerLabelY = (
|
|
919
|
-
var pointerLabelWidth = (
|
|
920
|
-
var pointerLabelHeight = (
|
|
921
|
-
var autoAdjustPointerLabelPosition = (
|
|
922
|
-
var pointerVanishDelay = (
|
|
923
|
-
var activatePointersOnLongPress = (
|
|
924
|
-
var activatePointersDelay = (
|
|
925
|
-
var initialPointerIndex = (
|
|
926
|
-
var initialPointerAppearDelay = (
|
|
943
|
+
var pointerStripHeight = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.pointerStripHeight;
|
|
944
|
+
var pointerStripWidth = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerStripWidth;
|
|
945
|
+
var pointerStripColor = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.pointerStripColor;
|
|
946
|
+
var pointerStripUptoDataPoint = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
947
|
+
var pointerLabelComponent = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.pointerLabelComponent;
|
|
948
|
+
var stripOverPointer = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.stripOverPointer;
|
|
949
|
+
var shiftPointerLabelX = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.shiftPointerLabelX;
|
|
950
|
+
var shiftPointerLabelY = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.shiftPointerLabelY;
|
|
951
|
+
var pointerLabelWidth = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.pointerLabelWidth;
|
|
952
|
+
var pointerLabelHeight = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.pointerLabelHeight;
|
|
953
|
+
var autoAdjustPointerLabelPosition = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
954
|
+
var pointerVanishDelay = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.pointerVanishDelay;
|
|
955
|
+
var activatePointersOnLongPress = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.activatePointersOnLongPress;
|
|
956
|
+
var activatePointersDelay = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.activatePointersDelay;
|
|
957
|
+
var initialPointerIndex = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.initialPointerIndex;
|
|
958
|
+
var initialPointerAppearDelay = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _277 !== void 0 ? _277 : (isAnimated
|
|
927
959
|
? animationDuration
|
|
928
960
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
929
|
-
var persistPointer = (
|
|
930
|
-
var hidePointers = (
|
|
931
|
-
var hidePointer1 = (
|
|
932
|
-
var hidePointer2 = (
|
|
933
|
-
var hidePointer3 = (
|
|
934
|
-
var hidePointer4 = (
|
|
935
|
-
var hidePointer5 = (
|
|
936
|
-
var hideSecondaryPointer = (
|
|
937
|
-
var resetPointerOnDataChange = (
|
|
961
|
+
var persistPointer = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.persistPointer;
|
|
962
|
+
var hidePointers = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.hidePointers;
|
|
963
|
+
var hidePointer1 = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.hidePointer1;
|
|
964
|
+
var hidePointer2 = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.hidePointer2;
|
|
965
|
+
var hidePointer3 = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.hidePointer3;
|
|
966
|
+
var hidePointer4 = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.hidePointer4;
|
|
967
|
+
var hidePointer5 = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.hidePointer5;
|
|
968
|
+
var hideSecondaryPointer = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.hideSecondaryPointer;
|
|
969
|
+
var resetPointerOnDataChange = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.resetPointerOnDataChange;
|
|
938
970
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
939
|
-
var disableScroll = (
|
|
971
|
+
var disableScroll = (_287 = props.disableScroll) !== null && _287 !== void 0 ? _287 : (pointerConfig
|
|
940
972
|
? activatePointersOnLongPress
|
|
941
973
|
? !!responderActive
|
|
942
974
|
: true
|
|
943
975
|
: false);
|
|
944
|
-
var showScrollIndicator = (
|
|
945
|
-
var focusEnabled = (
|
|
946
|
-
var showDataPointOnFocus = (
|
|
947
|
-
var showStripOnFocus = (
|
|
948
|
-
var showTextOnFocus = (
|
|
949
|
-
var showDataPointLabelOnFocus = (
|
|
976
|
+
var showScrollIndicator = (_288 = props.showScrollIndicator) !== null && _288 !== void 0 ? _288 : LineDefaults.showScrollIndicator;
|
|
977
|
+
var focusEnabled = (_289 = props.focusEnabled) !== null && _289 !== void 0 ? _289 : LineDefaults.focusEnabled;
|
|
978
|
+
var showDataPointOnFocus = (_290 = props.showDataPointOnFocus) !== null && _290 !== void 0 ? _290 : LineDefaults.showDataPointOnFocus;
|
|
979
|
+
var showStripOnFocus = (_291 = props.showStripOnFocus) !== null && _291 !== void 0 ? _291 : LineDefaults.showStripOnFocus;
|
|
980
|
+
var showTextOnFocus = (_292 = props.showTextOnFocus) !== null && _292 !== void 0 ? _292 : LineDefaults.showTextOnFocus;
|
|
981
|
+
var showDataPointLabelOnFocus = (_293 = props.showDataPointLabelOnFocus) !== null && _293 !== void 0 ? _293 : LineDefaults.showDataPointLabelOnFocus;
|
|
950
982
|
var stripHeight = props.stripHeight;
|
|
951
|
-
var stripWidth = (
|
|
952
|
-
var stripColor = (
|
|
953
|
-
var stripOpacity = (
|
|
983
|
+
var stripWidth = (_294 = props.stripWidth) !== null && _294 !== void 0 ? _294 : LineDefaults.stripWidth;
|
|
984
|
+
var stripColor = (_295 = props.stripColor) !== null && _295 !== void 0 ? _295 : color1;
|
|
985
|
+
var stripOpacity = (_296 = props.stripOpacity) !== null && _296 !== void 0 ? _296 : (startOpacity1 + endOpacity1) / 2;
|
|
954
986
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
955
|
-
var unFocusOnPressOut = (
|
|
956
|
-
var delayBeforeUnFocus = (
|
|
957
|
-
var lineGradient = (
|
|
958
|
-
var lineGradientDirection = (
|
|
959
|
-
var lineGradientStartColor = (
|
|
960
|
-
var lineGradientEndColor = (
|
|
987
|
+
var unFocusOnPressOut = (_297 = props.unFocusOnPressOut) !== null && _297 !== void 0 ? _297 : LineDefaults.unFocusOnPressOut;
|
|
988
|
+
var delayBeforeUnFocus = (_298 = props.delayBeforeUnFocus) !== null && _298 !== void 0 ? _298 : LineDefaults.delayBeforeUnFocus;
|
|
989
|
+
var lineGradient = (_299 = props.lineGradient) !== null && _299 !== void 0 ? _299 : LineDefaults.lineGradient;
|
|
990
|
+
var lineGradientDirection = (_300 = props.lineGradientDirection) !== null && _300 !== void 0 ? _300 : 'vertical';
|
|
991
|
+
var lineGradientStartColor = (_301 = props.lineGradientStartColor) !== null && _301 !== void 0 ? _301 : LineDefaults.lineGradientStartColor;
|
|
992
|
+
var lineGradientEndColor = (_302 = props.lineGradientEndColor) !== null && _302 !== void 0 ? _302 : LineDefaults.lineGradientEndColor;
|
|
961
993
|
var getPointerY = function (value) {
|
|
962
994
|
return value
|
|
963
995
|
? containerHeight -
|
|
@@ -1028,8 +1060,8 @@ export var useLineChart = function (props) {
|
|
|
1028
1060
|
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 : [];
|
|
1029
1061
|
setPointerYsForDataSet(initialPointerYs);
|
|
1030
1062
|
};
|
|
1031
|
-
var dataPointsRadius = (
|
|
1032
|
-
var dataPointsWidth = (
|
|
1063
|
+
var dataPointsRadius = (_304 = (_303 = props.dataPointsRadius1) !== null && _303 !== void 0 ? _303 : props.dataPointsRadius) !== null && _304 !== void 0 ? _304 : LineDefaults.dataPointsRadius;
|
|
1064
|
+
var dataPointsWidth = (_306 = (_305 = props.dataPointsWidth1) !== null && _305 !== void 0 ? _305 : props.dataPointsWidth) !== null && _306 !== void 0 ? _306 : LineDefaults.dataPointsWidth;
|
|
1033
1065
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1034
1066
|
? 0
|
|
1035
1067
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1081,7 +1113,7 @@ export var useLineChart = function (props) {
|
|
|
1081
1113
|
noOfSections: noOfSections,
|
|
1082
1114
|
sectionColors: props.sectionColors,
|
|
1083
1115
|
showFractionalValues: showFractionalValues,
|
|
1084
|
-
axesAndRulesProps:
|
|
1116
|
+
axesAndRulesProps: axesAndRulesProps,
|
|
1085
1117
|
yAxisLabelTexts: props.yAxisLabelTexts,
|
|
1086
1118
|
yAxisOffset: yAxisOffset,
|
|
1087
1119
|
rotateYAxisTexts: 0,
|
|
@@ -1097,7 +1129,7 @@ export var useLineChart = function (props) {
|
|
|
1097
1129
|
pointerY: pointerY,
|
|
1098
1130
|
onEndReached: props.onEndReached,
|
|
1099
1131
|
onStartReached: props.onStartReached,
|
|
1100
|
-
endReachedOffset: (
|
|
1132
|
+
endReachedOffset: (_307 = props.endReachedOffset) !== null && _307 !== void 0 ? _307 : LineDefaults.endReachedOffset,
|
|
1101
1133
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1102
1134
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1103
1135
|
};
|