gifted-charts-core 0.1.34 → 0.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BarChart/index.d.ts +5 -2
- package/dist/BarChart/index.js +86 -81
- package/dist/BarChart/types.d.ts +17 -0
- package/dist/LineChart/LineChartBiColor.js +7 -7
- package/dist/LineChart/index.d.ts +1 -0
- package/dist/LineChart/index.js +288 -272
- package/dist/LineChart/types.d.ts +1 -0
- package/dist/components/BarAndLineChartsWrapper/getHorizSectionsVals.js +15 -15
- package/dist/utils/index.d.ts +3 -1
- package/dist/utils/index.js +53 -24
- package/package.json +1 -1
package/dist/LineChart/index.js
CHANGED
|
@@ -36,61 +36,67 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
};
|
|
37
37
|
import { useEffect, useMemo, useState } from 'react';
|
|
38
38
|
import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTypes, defaultArrowConfig, defaultPointerConfig } from '../utils/constants';
|
|
39
|
-
import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, svgPath } from '../utils';
|
|
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;
|
|
43
|
-
var showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
var
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var
|
|
51
|
-
var
|
|
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
|
|
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, _306 = props.interpolateMissingValues, interpolateMissingValues = _306 === void 0 ? true : _306, _307 = props.extrapolateMissingValues, extrapolateMissingValues = _307 === void 0 ? true : _307, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth;
|
|
44
|
+
var containsNegativeValue = ((_a = props.mostNegativeValue) !== null && _a !== void 0 ? _a : 0) < 0 ||
|
|
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
|
+
var onlyPositive = (_f = props.onlyPositive) !== null && _f !== void 0 ? _f : (!extrapolateMissingValues ? (containsNegativeValue ? false : true) : false);
|
|
47
|
+
// the default value of onlyPositive is usually supposed to be false
|
|
48
|
+
// but we are setting it to true if extrapolateMissingValues is false and there are no negative values
|
|
49
|
+
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
50
|
+
var curvature = (_g = props.curvature) !== null && _g !== void 0 ? _g : LineDefaults.curvature;
|
|
51
|
+
var curveType = (_h = props.curveType) !== null && _h !== void 0 ? _h : LineDefaults.curveType;
|
|
52
|
+
var _308 = __read(useState(0), 2), scrollX = _308[0], setScrollX = _308[1];
|
|
53
|
+
var _309 = __read(useState(''), 2), arrow1Points = _309[0], setArrow1Points = _309[1];
|
|
54
|
+
var _310 = __read(useState(''), 2), arrow2Points = _310[0], setArrow2Points = _310[1];
|
|
55
|
+
var _311 = __read(useState(''), 2), arrow3Points = _311[0], setArrow3Points = _311[1];
|
|
56
|
+
var _312 = __read(useState(''), 2), arrow4Points = _312[0], setArrow4Points = _312[1];
|
|
57
|
+
var _313 = __read(useState(''), 2), arrow5Points = _313[0], setArrow5Points = _313[1];
|
|
58
|
+
var _314 = __read(useState(''), 2), secondaryArrowPoints = _314[0], setSecondaryArrowPoints = _314[1];
|
|
59
|
+
var _315 = __read(useState(-1), 2), pointerIndex = _315[0], setPointerIndex = _315[1];
|
|
60
|
+
var _316 = __read(useState(0), 2), pointerX = _316[0], setPointerX = _316[1];
|
|
61
|
+
var _317 = __read(useState(0), 2), pointerY = _317[0], setPointerY = _317[1];
|
|
62
|
+
var _318 = __read(useState(), 2), pointerItem = _318[0], setPointerItem = _318[1];
|
|
63
|
+
var _319 = __read(useState(0), 2), pointerY2 = _319[0], setPointerY2 = _319[1];
|
|
64
|
+
var _320 = __read(useState(), 2), pointerItem2 = _320[0], setPointerItem2 = _320[1];
|
|
65
|
+
var _321 = __read(useState(0), 2), pointerY3 = _321[0], setPointerY3 = _321[1];
|
|
66
|
+
var _322 = __read(useState(), 2), pointerItem3 = _322[0], setPointerItem3 = _322[1];
|
|
67
|
+
var _323 = __read(useState(0), 2), pointerY4 = _323[0], setPointerY4 = _323[1];
|
|
68
|
+
var _324 = __read(useState(), 2), pointerItem4 = _324[0], setPointerItem4 = _324[1];
|
|
69
|
+
var _325 = __read(useState(0), 2), pointerY5 = _325[0], setPointerY5 = _325[1];
|
|
70
|
+
var _326 = __read(useState([]), 2), pointerYsForDataSet = _326[0], setPointerYsForDataSet = _326[1];
|
|
71
|
+
var _327 = __read(useState(), 2), pointerItem5 = _327[0], setPointerItem5 = _327[1];
|
|
72
|
+
var _328 = __read(useState(0), 2), secondaryPointerY = _328[0], setSecondaryPointerY = _328[1];
|
|
73
|
+
var _329 = __read(useState(), 2), secondaryPointerItem = _329[0], setSecondaryPointerItem = _329[1];
|
|
74
|
+
var _330 = __read(useState([]), 2), pointerItemsForSet = _330[0], setPointerItemsForSet = _330[1];
|
|
75
|
+
var _331 = __read(useState([]), 2), secondaryPointerItemsForSet = _331[0], setSecondaryPointerItemsForSet = _331[1];
|
|
76
|
+
var _332 = __read(useState(0), 2), responderStartTime = _332[0], setResponderStartTime = _332[1];
|
|
77
|
+
var _333 = __read(useState(false), 2), responderActive = _333[0], setResponderActive = _333[1];
|
|
78
|
+
var _334 = __read(useState(''), 2), points = _334[0], setPoints = _334[1];
|
|
79
|
+
var _335 = __read(useState(''), 2), points2 = _335[0], setPoints2 = _335[1];
|
|
80
|
+
var _336 = __read(useState(''), 2), points3 = _336[0], setPoints3 = _336[1];
|
|
81
|
+
var _337 = __read(useState(''), 2), points4 = _337[0], setPoints4 = _337[1];
|
|
82
|
+
var _338 = __read(useState(''), 2), points5 = _338[0], setPoints5 = _338[1];
|
|
83
|
+
var _339 = __read(useState(''), 2), secondaryPoints = _339[0], setSecondaryPoints = _339[1];
|
|
84
|
+
var _340 = __read(useState(''), 2), fillPoints = _340[0], setFillPoints = _340[1];
|
|
85
|
+
var _341 = __read(useState(''), 2), fillPoints2 = _341[0], setFillPoints2 = _341[1];
|
|
86
|
+
var _342 = __read(useState(''), 2), fillPoints3 = _342[0], setFillPoints3 = _342[1];
|
|
87
|
+
var _343 = __read(useState(''), 2), fillPoints4 = _343[0], setFillPoints4 = _343[1];
|
|
88
|
+
var _344 = __read(useState(''), 2), fillPoints5 = _344[0], setFillPoints5 = _344[1];
|
|
89
|
+
var _345 = __read(useState(''), 2), secondaryFillPoints = _345[0], setSecondaryFillPoints = _345[1];
|
|
90
|
+
var _346 = __read(useState([]), 2), pointsFromSet = _346[0], setPointsFromSet = _346[1];
|
|
91
|
+
var _347 = __read(useState([]), 2), fillPointsFromSet = _347[0], setFillPointsFromSet = _347[1];
|
|
92
|
+
var _348 = __read(useState([]), 2), arrowPointsFromSet = _348[0], setArrowPointsFromSet = _348[1];
|
|
93
|
+
var _349 = __read(useState((_j = props.focusedDataPointIndex) !== null && _j !== void 0 ? _j : -1), 2), selectedIndex = _349[0], setSelectedIndex = _349[1];
|
|
88
94
|
useEffect(function () {
|
|
89
95
|
var _a;
|
|
90
96
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
91
97
|
}, [props.focusedDataPointIndex]);
|
|
92
98
|
var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
|
|
93
|
-
var containerHeight = (
|
|
99
|
+
var containerHeight = (_k = props.height) !== null && _k !== void 0 ? _k : (((_l = props.stepHeight) !== null && _l !== void 0 ? _l : 0) * noOfSections ||
|
|
94
100
|
AxesAndRulesDefaults.containerHeight);
|
|
95
101
|
var dataSanitisationProps = {
|
|
96
102
|
showDataPointsForMissingValues: showDataPointsForMissingValues,
|
|
@@ -103,7 +109,7 @@ export var useLineChart = function (props) {
|
|
|
103
109
|
var data3 = useMemo(function () { return getSanitisedData(props.data3, dataSanitisationProps); }, [yAxisOffset, props.data3]);
|
|
104
110
|
var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
|
|
105
111
|
var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
|
|
106
|
-
var secondaryData = (
|
|
112
|
+
var secondaryData = (_m = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _m !== void 0 ? _m : [];
|
|
107
113
|
var dataSet = props.dataSet;
|
|
108
114
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
109
115
|
dataSet = useMemo(function () {
|
|
@@ -113,18 +119,18 @@ export var useLineChart = function (props) {
|
|
|
113
119
|
});
|
|
114
120
|
}, [yAxisOffset, dataSet]);
|
|
115
121
|
}
|
|
116
|
-
var data0 = (
|
|
117
|
-
var scrollToEnd = (
|
|
118
|
-
var scrollAnimation = (
|
|
119
|
-
var scrollEventThrottle = (
|
|
120
|
-
var labelsExtraHeight = (
|
|
121
|
-
var animationDuration = (
|
|
122
|
-
var onDataChangeAnimationDuration = (
|
|
123
|
-
var animateTogether = (
|
|
122
|
+
var data0 = (_o = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _o === void 0 ? void 0 : _o.data;
|
|
123
|
+
var scrollToEnd = (_p = props.scrollToEnd) !== null && _p !== void 0 ? _p : LineDefaults.scrollToEnd;
|
|
124
|
+
var scrollAnimation = (_q = props.scrollAnimation) !== null && _q !== void 0 ? _q : LineDefaults.scrollAnimation;
|
|
125
|
+
var scrollEventThrottle = (_r = props.scrollEventThrottle) !== null && _r !== void 0 ? _r : LineDefaults.scrollEventThrottle;
|
|
126
|
+
var labelsExtraHeight = (_s = props.labelsExtraHeight) !== null && _s !== void 0 ? _s : 0;
|
|
127
|
+
var animationDuration = (_t = props.animationDuration) !== null && _t !== void 0 ? _t : LineDefaults.animationDuration;
|
|
128
|
+
var onDataChangeAnimationDuration = (_u = props.onDataChangeAnimationDuration) !== null && _u !== void 0 ? _u : 400;
|
|
129
|
+
var animateTogether = (_v = props.animateTogether) !== null && _v !== void 0 ? _v : LineDefaults.animateTogether;
|
|
124
130
|
var animateOnDataChange = yAxisOffset
|
|
125
131
|
? false
|
|
126
|
-
: (
|
|
127
|
-
var startIndex1 = (
|
|
132
|
+
: (_w = props.animateOnDataChange) !== null && _w !== void 0 ? _w : false;
|
|
133
|
+
var startIndex1 = (_y = (_x = props.startIndex1) !== null && _x !== void 0 ? _x : props.startIndex) !== null && _y !== void 0 ? _y : 0;
|
|
128
134
|
var endIndex1;
|
|
129
135
|
if (props.endIndex1 === undefined || props.endIndex1 === null) {
|
|
130
136
|
if (props.endIndex === undefined || props.endIndex === null) {
|
|
@@ -137,20 +143,22 @@ export var useLineChart = function (props) {
|
|
|
137
143
|
else {
|
|
138
144
|
endIndex1 = props.endIndex1;
|
|
139
145
|
}
|
|
140
|
-
var startIndex2 = (
|
|
141
|
-
var endIndex2 = (
|
|
142
|
-
var startIndex3 = (
|
|
143
|
-
var endIndex3 = (
|
|
144
|
-
var startIndex4 = (
|
|
145
|
-
var endIndex4 = (
|
|
146
|
-
var startIndex5 = (
|
|
147
|
-
var endIndex5 = (
|
|
146
|
+
var startIndex2 = (_z = props.startIndex2) !== null && _z !== void 0 ? _z : 0;
|
|
147
|
+
var endIndex2 = (_0 = props.endIndex2) !== null && _0 !== void 0 ? _0 : data2.length - 1;
|
|
148
|
+
var startIndex3 = (_1 = props.startIndex3) !== null && _1 !== void 0 ? _1 : 0;
|
|
149
|
+
var endIndex3 = (_2 = props.endIndex3) !== null && _2 !== void 0 ? _2 : data3.length - 1;
|
|
150
|
+
var startIndex4 = (_3 = props.startIndex4) !== null && _3 !== void 0 ? _3 : 0;
|
|
151
|
+
var endIndex4 = (_4 = props.endIndex4) !== null && _4 !== void 0 ? _4 : data4.length - 1;
|
|
152
|
+
var startIndex5 = (_5 = props.startIndex5) !== null && _5 !== void 0 ? _5 : 0;
|
|
153
|
+
var endIndex5 = (_6 = props.endIndex5) !== null && _6 !== void 0 ? _6 : data5.length - 1;
|
|
148
154
|
var lengthOfLongestDataArray = Math.max(data.length, data2.length, data3.length, data4.length, data5.length);
|
|
149
155
|
var maxLengthOfDataOrSet = dataSet
|
|
150
156
|
? Math.max.apply(Math, __spreadArray([], __read(dataSet.map(function (item) { return item.data.length; })), false)) : lengthOfLongestDataArray;
|
|
151
157
|
var lineSegments = !interpolateMissingValues
|
|
152
158
|
? getLineSegmentsForMissingValues(props.data)
|
|
153
|
-
:
|
|
159
|
+
: !extrapolateMissingValues
|
|
160
|
+
? getLineSegmentsDueToNoExtrapolation(props.data)
|
|
161
|
+
: props.lineSegments;
|
|
154
162
|
var lineSegments2 = !interpolateMissingValues
|
|
155
163
|
? getLineSegmentsForMissingValues(props.data2)
|
|
156
164
|
: props.lineSegments2;
|
|
@@ -164,50 +172,50 @@ export var useLineChart = function (props) {
|
|
|
164
172
|
? getLineSegmentsForMissingValues(props.data5)
|
|
165
173
|
: props.lineSegments5;
|
|
166
174
|
var highlightedRange = props.highlightedRange;
|
|
167
|
-
var adjustToWidth = (
|
|
168
|
-
var initialSpacing = (
|
|
169
|
-
var endSpacing = (
|
|
170
|
-
var thickness = (
|
|
171
|
-
var yAxisLabelWidth = (
|
|
175
|
+
var adjustToWidth = (_7 = props.adjustToWidth) !== null && _7 !== void 0 ? _7 : false;
|
|
176
|
+
var initialSpacing = (_8 = props.initialSpacing) !== null && _8 !== void 0 ? _8 : LineDefaults.initialSpacing;
|
|
177
|
+
var endSpacing = (_9 = props.endSpacing) !== null && _9 !== void 0 ? _9 : (adjustToWidth ? 0 : LineDefaults.endSpacing);
|
|
178
|
+
var thickness = (_10 = props.thickness) !== null && _10 !== void 0 ? _10 : LineDefaults.thickness;
|
|
179
|
+
var yAxisLabelWidth = (_11 = props.yAxisLabelWidth) !== null && _11 !== void 0 ? _11 : (props.hideYAxisText
|
|
172
180
|
? AxesAndRulesDefaults.yAxisEmptyLabelWidth
|
|
173
181
|
: AxesAndRulesDefaults.yAxisLabelWidth);
|
|
174
|
-
var spacing = (
|
|
175
|
-
? (((
|
|
182
|
+
var spacing = (_12 = props.spacing) !== null && _12 !== void 0 ? _12 : (adjustToWidth
|
|
183
|
+
? (((_13 = props.width) !== null && _13 !== void 0 ? _13 : parentWidth - yAxisLabelWidth) - initialSpacing) /
|
|
176
184
|
Math.max((data0 !== null && data0 !== void 0 ? data0 : data).length - 1, 1)
|
|
177
185
|
: LineDefaults.spacing);
|
|
178
|
-
var xAxisThickness = (
|
|
179
|
-
var dataPointsHeight1 = (
|
|
180
|
-
var dataPointsWidth1 = (
|
|
181
|
-
var dataPointsRadius1 = (
|
|
182
|
-
var dataPointsColor1 = (
|
|
183
|
-
var dataPointsShape1 = (
|
|
184
|
-
var dataPointsHeight2 = (
|
|
185
|
-
var dataPointsWidth2 = (
|
|
186
|
-
var dataPointsRadius2 = (
|
|
187
|
-
var dataPointsColor2 = (
|
|
188
|
-
var dataPointsShape2 = (
|
|
189
|
-
var dataPointsHeight3 = (
|
|
190
|
-
var dataPointsWidth3 = (
|
|
191
|
-
var dataPointsRadius3 = (
|
|
192
|
-
var dataPointsColor3 = (
|
|
193
|
-
var dataPointsShape3 = (
|
|
194
|
-
var dataPointsHeight4 = (
|
|
195
|
-
var dataPointsWidth4 = (
|
|
196
|
-
var dataPointsRadius4 = (
|
|
197
|
-
var dataPointsColor4 = (
|
|
198
|
-
var dataPointsShape4 = (
|
|
199
|
-
var dataPointsHeight5 = (
|
|
200
|
-
var dataPointsWidth5 = (
|
|
201
|
-
var dataPointsRadius5 = (
|
|
202
|
-
var dataPointsColor5 = (
|
|
203
|
-
var dataPointsShape5 = (
|
|
204
|
-
var areaChart = (
|
|
205
|
-
var areaChart1 = (
|
|
206
|
-
var areaChart2 = (
|
|
207
|
-
var areaChart3 = (
|
|
208
|
-
var areaChart4 = (
|
|
209
|
-
var areaChart5 = (
|
|
210
|
-
var atLeastOneAreaChart = (
|
|
186
|
+
var xAxisThickness = (_14 = props.xAxisThickness) !== null && _14 !== void 0 ? _14 : AxesAndRulesDefaults.xAxisThickness;
|
|
187
|
+
var dataPointsHeight1 = (_16 = (_15 = props.dataPointsHeight1) !== null && _15 !== void 0 ? _15 : props.dataPointsHeight) !== null && _16 !== void 0 ? _16 : LineDefaults.dataPointsHeight;
|
|
188
|
+
var dataPointsWidth1 = (_18 = (_17 = props.dataPointsWidth1) !== null && _17 !== void 0 ? _17 : props.dataPointsWidth) !== null && _18 !== void 0 ? _18 : LineDefaults.dataPointsWidth;
|
|
189
|
+
var dataPointsRadius1 = (_20 = (_19 = props.dataPointsRadius1) !== null && _19 !== void 0 ? _19 : props.dataPointsRadius) !== null && _20 !== void 0 ? _20 : LineDefaults.dataPointsRadius;
|
|
190
|
+
var dataPointsColor1 = (_22 = (_21 = props.dataPointsColor1) !== null && _21 !== void 0 ? _21 : props.dataPointsColor) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsColor;
|
|
191
|
+
var dataPointsShape1 = (_24 = (_23 = props.dataPointsShape1) !== null && _23 !== void 0 ? _23 : props.dataPointsShape) !== null && _24 !== void 0 ? _24 : LineDefaults.dataPointsShape;
|
|
192
|
+
var dataPointsHeight2 = (_26 = (_25 = props.dataPointsHeight2) !== null && _25 !== void 0 ? _25 : props.dataPointsHeight) !== null && _26 !== void 0 ? _26 : LineDefaults.dataPointsHeight;
|
|
193
|
+
var dataPointsWidth2 = (_28 = (_27 = props.dataPointsWidth2) !== null && _27 !== void 0 ? _27 : props.dataPointsWidth) !== null && _28 !== void 0 ? _28 : LineDefaults.dataPointsWidth;
|
|
194
|
+
var dataPointsRadius2 = (_30 = (_29 = props.dataPointsRadius2) !== null && _29 !== void 0 ? _29 : props.dataPointsRadius) !== null && _30 !== void 0 ? _30 : LineDefaults.dataPointsRadius;
|
|
195
|
+
var dataPointsColor2 = (_32 = (_31 = props.dataPointsColor2) !== null && _31 !== void 0 ? _31 : props.dataPointsColor) !== null && _32 !== void 0 ? _32 : LineDefaults.dataPointsColor2;
|
|
196
|
+
var dataPointsShape2 = (_34 = (_33 = props.dataPointsShape2) !== null && _33 !== void 0 ? _33 : props.dataPointsShape) !== null && _34 !== void 0 ? _34 : LineDefaults.dataPointsShape;
|
|
197
|
+
var dataPointsHeight3 = (_36 = (_35 = props.dataPointsHeight3) !== null && _35 !== void 0 ? _35 : props.dataPointsHeight) !== null && _36 !== void 0 ? _36 : LineDefaults.dataPointsHeight;
|
|
198
|
+
var dataPointsWidth3 = (_38 = (_37 = props.dataPointsWidth3) !== null && _37 !== void 0 ? _37 : props.dataPointsWidth) !== null && _38 !== void 0 ? _38 : LineDefaults.dataPointsWidth;
|
|
199
|
+
var dataPointsRadius3 = (_40 = (_39 = props.dataPointsRadius3) !== null && _39 !== void 0 ? _39 : props.dataPointsRadius) !== null && _40 !== void 0 ? _40 : LineDefaults.dataPointsRadius;
|
|
200
|
+
var dataPointsColor3 = (_42 = (_41 = props.dataPointsColor3) !== null && _41 !== void 0 ? _41 : props.dataPointsColor) !== null && _42 !== void 0 ? _42 : LineDefaults.dataPointsColor3;
|
|
201
|
+
var dataPointsShape3 = (_44 = (_43 = props.dataPointsShape3) !== null && _43 !== void 0 ? _43 : props.dataPointsShape) !== null && _44 !== void 0 ? _44 : LineDefaults.dataPointsShape;
|
|
202
|
+
var dataPointsHeight4 = (_46 = (_45 = props.dataPointsHeight4) !== null && _45 !== void 0 ? _45 : props.dataPointsHeight) !== null && _46 !== void 0 ? _46 : LineDefaults.dataPointsHeight;
|
|
203
|
+
var dataPointsWidth4 = (_48 = (_47 = props.dataPointsWidth4) !== null && _47 !== void 0 ? _47 : props.dataPointsWidth) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsWidth;
|
|
204
|
+
var dataPointsRadius4 = (_50 = (_49 = props.dataPointsRadius4) !== null && _49 !== void 0 ? _49 : props.dataPointsRadius) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsRadius;
|
|
205
|
+
var dataPointsColor4 = (_52 = (_51 = props.dataPointsColor4) !== null && _51 !== void 0 ? _51 : props.dataPointsColor) !== null && _52 !== void 0 ? _52 : LineDefaults.dataPointsColor;
|
|
206
|
+
var dataPointsShape4 = (_54 = (_53 = props.dataPointsShape4) !== null && _53 !== void 0 ? _53 : props.dataPointsShape) !== null && _54 !== void 0 ? _54 : LineDefaults.dataPointsShape;
|
|
207
|
+
var dataPointsHeight5 = (_56 = (_55 = props.dataPointsHeight5) !== null && _55 !== void 0 ? _55 : props.dataPointsHeight) !== null && _56 !== void 0 ? _56 : LineDefaults.dataPointsHeight;
|
|
208
|
+
var dataPointsWidth5 = (_58 = (_57 = props.dataPointsWidth5) !== null && _57 !== void 0 ? _57 : props.dataPointsWidth) !== null && _58 !== void 0 ? _58 : LineDefaults.dataPointsWidth;
|
|
209
|
+
var dataPointsRadius5 = (_60 = (_59 = props.dataPointsRadius5) !== null && _59 !== void 0 ? _59 : props.dataPointsRadius) !== null && _60 !== void 0 ? _60 : LineDefaults.dataPointsRadius;
|
|
210
|
+
var dataPointsColor5 = (_62 = (_61 = props.dataPointsColor5) !== null && _61 !== void 0 ? _61 : props.dataPointsColor) !== null && _62 !== void 0 ? _62 : LineDefaults.dataPointsColor;
|
|
211
|
+
var dataPointsShape5 = (_64 = (_63 = props.dataPointsShape5) !== null && _63 !== void 0 ? _63 : props.dataPointsShape) !== null && _64 !== void 0 ? _64 : LineDefaults.dataPointsShape;
|
|
212
|
+
var areaChart = (_65 = props.areaChart) !== null && _65 !== void 0 ? _65 : false;
|
|
213
|
+
var areaChart1 = (_66 = props.areaChart1) !== null && _66 !== void 0 ? _66 : false;
|
|
214
|
+
var areaChart2 = (_67 = props.areaChart2) !== null && _67 !== void 0 ? _67 : false;
|
|
215
|
+
var areaChart3 = (_68 = props.areaChart3) !== null && _68 !== void 0 ? _68 : false;
|
|
216
|
+
var areaChart4 = (_69 = props.areaChart4) !== null && _69 !== void 0 ? _69 : false;
|
|
217
|
+
var areaChart5 = (_70 = props.areaChart5) !== null && _70 !== void 0 ? _70 : false;
|
|
218
|
+
var atLeastOneAreaChart = (_76 = (_75 = (_74 = (_73 = (_72 = (_71 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.some(function (set) { return set.areaChart; })) !== null && _71 !== void 0 ? _71 : areaChart) !== null && _72 !== void 0 ? _72 : areaChart1) !== null && _73 !== void 0 ? _73 : areaChart2) !== null && _74 !== void 0 ? _74 : areaChart3) !== null && _75 !== void 0 ? _75 : areaChart4) !== null && _76 !== void 0 ? _76 : areaChart5;
|
|
211
219
|
var getIsNthAreaChart = function (n) {
|
|
212
220
|
if (areaChart)
|
|
213
221
|
return true;
|
|
@@ -227,28 +235,31 @@ export var useLineChart = function (props) {
|
|
|
227
235
|
}
|
|
228
236
|
return false;
|
|
229
237
|
};
|
|
230
|
-
var stepChart = (
|
|
231
|
-
var stepChart1 = (
|
|
232
|
-
var stepChart2 = (
|
|
233
|
-
var stepChart3 = (
|
|
234
|
-
var stepChart4 = (
|
|
235
|
-
var stepChart5 = (
|
|
236
|
-
var edgePosition = (
|
|
237
|
-
var textFontSize1 = (
|
|
238
|
-
var textFontSize2 = (
|
|
239
|
-
var textFontSize3 = (
|
|
240
|
-
var textFontSize4 = (
|
|
241
|
-
var textFontSize5 = (
|
|
242
|
-
var textColor1 = (
|
|
243
|
-
var textColor2 = (
|
|
244
|
-
var textColor3 = (
|
|
245
|
-
var textColor4 = (
|
|
246
|
-
var textColor5 = (
|
|
238
|
+
var stepChart = (_77 = props.stepChart) !== null && _77 !== void 0 ? _77 : false;
|
|
239
|
+
var stepChart1 = (_78 = props.stepChart1) !== null && _78 !== void 0 ? _78 : false;
|
|
240
|
+
var stepChart2 = (_79 = props.stepChart2) !== null && _79 !== void 0 ? _79 : false;
|
|
241
|
+
var stepChart3 = (_80 = props.stepChart3) !== null && _80 !== void 0 ? _80 : false;
|
|
242
|
+
var stepChart4 = (_81 = props.stepChart4) !== null && _81 !== void 0 ? _81 : false;
|
|
243
|
+
var stepChart5 = (_82 = props.stepChart5) !== null && _82 !== void 0 ? _82 : false;
|
|
244
|
+
var edgePosition = (_83 = props.edgePosition) !== null && _83 !== void 0 ? _83 : LineDefaults.edgePosition;
|
|
245
|
+
var textFontSize1 = (_85 = (_84 = props.textFontSize1) !== null && _84 !== void 0 ? _84 : props.textFontSize) !== null && _85 !== void 0 ? _85 : LineDefaults.textFontSize;
|
|
246
|
+
var textFontSize2 = (_87 = (_86 = props.textFontSize2) !== null && _86 !== void 0 ? _86 : props.textFontSize) !== null && _87 !== void 0 ? _87 : LineDefaults.textFontSize;
|
|
247
|
+
var textFontSize3 = (_89 = (_88 = props.textFontSize3) !== null && _88 !== void 0 ? _88 : props.textFontSize) !== null && _89 !== void 0 ? _89 : LineDefaults.textFontSize;
|
|
248
|
+
var textFontSize4 = (_91 = (_90 = props.textFontSize4) !== null && _90 !== void 0 ? _90 : props.textFontSize) !== null && _91 !== void 0 ? _91 : LineDefaults.textFontSize;
|
|
249
|
+
var textFontSize5 = (_93 = (_92 = props.textFontSize5) !== null && _92 !== void 0 ? _92 : props.textFontSize) !== null && _93 !== void 0 ? _93 : LineDefaults.textFontSize;
|
|
250
|
+
var textColor1 = (_95 = (_94 = props.textColor1) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
251
|
+
var textColor2 = (_97 = (_96 = props.textColor2) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
|
|
252
|
+
var textColor3 = (_99 = (_98 = props.textColor3) !== null && _98 !== void 0 ? _98 : props.textColor) !== null && _99 !== void 0 ? _99 : LineDefaults.textColor;
|
|
253
|
+
var textColor4 = (_101 = (_100 = props.textColor4) !== null && _100 !== void 0 ? _100 : props.textColor) !== null && _101 !== void 0 ? _101 : LineDefaults.textColor;
|
|
254
|
+
var textColor5 = (_103 = (_102 = props.textColor5) !== null && _102 !== void 0 ? _102 : props.textColor) !== null && _103 !== void 0 ? _103 : LineDefaults.textColor;
|
|
247
255
|
var totalWidth = initialSpacing + spacing * maxLengthOfDataOrSet - 1 + endSpacing;
|
|
248
|
-
var
|
|
256
|
+
var valuesRange = Math.max.apply(Math, __spreadArray([], __read((data0 !== null && data0 !== void 0 ? data0 : data).map(function (i) { return i.value; })), false)) - Math.min.apply(Math, __spreadArray([], __read((data0 !== null && data0 !== void 0 ? data0 : data).map(function (i) { return i.value; })), false));
|
|
257
|
+
var showFractionalValues = (_104 = props.showFractionalValues) !== null && _104 !== void 0 ? _104 : valuesRange <= 1;
|
|
258
|
+
var roundToDigits = (_105 = props.roundToDigits) !== null && _105 !== void 0 ? _105 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
259
|
+
var _350 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, roundToDigits, showFractionalValues), maxItem = _350.maxItem, minItem = _350.minItem;
|
|
249
260
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
|
|
250
|
-
var mostNegativeValue = (
|
|
251
|
-
var overflowTop = ((
|
|
261
|
+
var mostNegativeValue = (_106 = props.mostNegativeValue) !== null && _106 !== void 0 ? _106 : minItem;
|
|
262
|
+
var overflowTop = ((_107 = props.overflowTop) !== null && _107 !== void 0 ? _107 : props.secondaryXAxis)
|
|
252
263
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
253
264
|
: AxesAndRulesDefaults.overflowTop;
|
|
254
265
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
@@ -256,96 +267,96 @@ export var useLineChart = function (props) {
|
|
|
256
267
|
var getY = function (value) {
|
|
257
268
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
258
269
|
};
|
|
259
|
-
var secondaryMaxItem = computeMaxAndMinItems(secondaryData, (
|
|
260
|
-
var secondaryMaxValue = (
|
|
270
|
+
var secondaryMaxItem = computeMaxAndMinItems(secondaryData, (_108 = props.secondaryYAxis) === null || _108 === void 0 ? void 0 : _108.roundToDigits, (_109 = props.secondaryYAxis) === null || _109 === void 0 ? void 0 : _109.showFractionalValues).maxItem;
|
|
271
|
+
var secondaryMaxValue = (_111 = (_110 = props.secondaryYAxis) === null || _110 === void 0 ? void 0 : _110.maxValue) !== null && _111 !== void 0 ? _111 : (secondaryMaxItem || maxValue);
|
|
261
272
|
var getSecondaryY = function (value) {
|
|
262
273
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
263
274
|
};
|
|
264
275
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
265
|
-
var showValuesAsDataPointsText = (
|
|
266
|
-
var thickness1 = (
|
|
267
|
-
var thickness2 = (
|
|
268
|
-
var thickness3 = (
|
|
269
|
-
var thickness4 = (
|
|
270
|
-
var thickness5 = (
|
|
271
|
-
var zIndex1 = (
|
|
272
|
-
var zIndex2 = (
|
|
273
|
-
var zIndex3 = (
|
|
274
|
-
var zIndex4 = (
|
|
275
|
-
var zIndex5 = (
|
|
276
|
-
var strokeDashArray1 = (
|
|
277
|
-
var strokeDashArray2 = (
|
|
278
|
-
var strokeDashArray3 = (
|
|
279
|
-
var strokeDashArray4 = (
|
|
280
|
-
var strokeDashArray5 = (
|
|
281
|
-
var rotateLabel = (
|
|
282
|
-
var isAnimated = (
|
|
283
|
-
var hideDataPoints1 = (
|
|
284
|
-
var hideDataPoints2 = (
|
|
285
|
-
var hideDataPoints3 = (
|
|
286
|
-
var hideDataPoints4 = (
|
|
287
|
-
var hideDataPoints5 = (
|
|
288
|
-
var color1 = (
|
|
289
|
-
var color2 = (
|
|
290
|
-
var color3 = (
|
|
291
|
-
var color4 = (
|
|
292
|
-
var color5 = (
|
|
293
|
-
var startFillColor1 = (
|
|
294
|
-
var endFillColor1 = (
|
|
295
|
-
var startOpacity = (
|
|
296
|
-
var endOpacity = (
|
|
297
|
-
var startOpacity1 = (
|
|
298
|
-
var endOpacity1 = (
|
|
299
|
-
var startFillColor2 = (
|
|
300
|
-
var endFillColor2 = (
|
|
301
|
-
var startOpacity2 = (
|
|
302
|
-
var endOpacity2 = (
|
|
303
|
-
var startFillColor3 = (
|
|
304
|
-
var endFillColor3 = (
|
|
305
|
-
var startOpacity3 = (
|
|
306
|
-
var endOpacity3 = (
|
|
307
|
-
var startFillColor4 = (
|
|
308
|
-
var endFillColor4 = (
|
|
309
|
-
var startOpacity4 = (
|
|
310
|
-
var endOpacity4 = (
|
|
311
|
-
var startFillColor5 = (
|
|
312
|
-
var endFillColor5 = (
|
|
313
|
-
var startOpacity5 = (
|
|
314
|
-
var endOpacity5 = (
|
|
315
|
-
defaultArrowConfig.strokeWidth = (
|
|
316
|
-
defaultArrowConfig.strokeColor = (
|
|
317
|
-
var
|
|
276
|
+
var showValuesAsDataPointsText = (_112 = props.showValuesAsDataPointsText) !== null && _112 !== void 0 ? _112 : LineDefaults.showValuesAsDataPointsText;
|
|
277
|
+
var thickness1 = (_114 = (_113 = props.thickness1) !== null && _113 !== void 0 ? _113 : props.thickness) !== null && _114 !== void 0 ? _114 : LineDefaults.thickness;
|
|
278
|
+
var thickness2 = (_116 = (_115 = props.thickness2) !== null && _115 !== void 0 ? _115 : props.thickness) !== null && _116 !== void 0 ? _116 : LineDefaults.thickness;
|
|
279
|
+
var thickness3 = (_118 = (_117 = props.thickness3) !== null && _117 !== void 0 ? _117 : props.thickness) !== null && _118 !== void 0 ? _118 : LineDefaults.thickness;
|
|
280
|
+
var thickness4 = (_120 = (_119 = props.thickness4) !== null && _119 !== void 0 ? _119 : props.thickness) !== null && _120 !== void 0 ? _120 : LineDefaults.thickness;
|
|
281
|
+
var thickness5 = (_122 = (_121 = props.thickness5) !== null && _121 !== void 0 ? _121 : props.thickness) !== null && _122 !== void 0 ? _122 : LineDefaults.thickness;
|
|
282
|
+
var zIndex1 = (_123 = props.zIndex1) !== null && _123 !== void 0 ? _123 : 0;
|
|
283
|
+
var zIndex2 = (_124 = props.zIndex2) !== null && _124 !== void 0 ? _124 : 0;
|
|
284
|
+
var zIndex3 = (_125 = props.zIndex3) !== null && _125 !== void 0 ? _125 : 0;
|
|
285
|
+
var zIndex4 = (_126 = props.zIndex4) !== null && _126 !== void 0 ? _126 : 0;
|
|
286
|
+
var zIndex5 = (_127 = props.zIndex5) !== null && _127 !== void 0 ? _127 : 0;
|
|
287
|
+
var strokeDashArray1 = (_128 = props.strokeDashArray1) !== null && _128 !== void 0 ? _128 : props.strokeDashArray;
|
|
288
|
+
var strokeDashArray2 = (_129 = props.strokeDashArray2) !== null && _129 !== void 0 ? _129 : props.strokeDashArray;
|
|
289
|
+
var strokeDashArray3 = (_130 = props.strokeDashArray3) !== null && _130 !== void 0 ? _130 : props.strokeDashArray;
|
|
290
|
+
var strokeDashArray4 = (_131 = props.strokeDashArray4) !== null && _131 !== void 0 ? _131 : props.strokeDashArray;
|
|
291
|
+
var strokeDashArray5 = (_132 = props.strokeDashArray5) !== null && _132 !== void 0 ? _132 : props.strokeDashArray;
|
|
292
|
+
var rotateLabel = (_133 = props.rotateLabel) !== null && _133 !== void 0 ? _133 : false;
|
|
293
|
+
var isAnimated = (_134 = props.isAnimated) !== null && _134 !== void 0 ? _134 : false;
|
|
294
|
+
var hideDataPoints1 = (_136 = (_135 = props.hideDataPoints) !== null && _135 !== void 0 ? _135 : props.hideDataPoints1) !== null && _136 !== void 0 ? _136 : false;
|
|
295
|
+
var hideDataPoints2 = (_138 = (_137 = props.hideDataPoints) !== null && _137 !== void 0 ? _137 : props.hideDataPoints2) !== null && _138 !== void 0 ? _138 : false;
|
|
296
|
+
var hideDataPoints3 = (_140 = (_139 = props.hideDataPoints) !== null && _139 !== void 0 ? _139 : props.hideDataPoints3) !== null && _140 !== void 0 ? _140 : false;
|
|
297
|
+
var hideDataPoints4 = (_142 = (_141 = props.hideDataPoints) !== null && _141 !== void 0 ? _141 : props.hideDataPoints4) !== null && _142 !== void 0 ? _142 : false;
|
|
298
|
+
var hideDataPoints5 = (_144 = (_143 = props.hideDataPoints) !== null && _143 !== void 0 ? _143 : props.hideDataPoints5) !== null && _144 !== void 0 ? _144 : false;
|
|
299
|
+
var color1 = (_146 = (_145 = props.color1) !== null && _145 !== void 0 ? _145 : props.color) !== null && _146 !== void 0 ? _146 : LineDefaults.color;
|
|
300
|
+
var color2 = (_148 = (_147 = props.color2) !== null && _147 !== void 0 ? _147 : props.color) !== null && _148 !== void 0 ? _148 : LineDefaults.color;
|
|
301
|
+
var color3 = (_150 = (_149 = props.color3) !== null && _149 !== void 0 ? _149 : props.color) !== null && _150 !== void 0 ? _150 : LineDefaults.color;
|
|
302
|
+
var color4 = (_152 = (_151 = props.color4) !== null && _151 !== void 0 ? _151 : props.color) !== null && _152 !== void 0 ? _152 : LineDefaults.color;
|
|
303
|
+
var color5 = (_154 = (_153 = props.color5) !== null && _153 !== void 0 ? _153 : props.color) !== null && _154 !== void 0 ? _154 : LineDefaults.color;
|
|
304
|
+
var startFillColor1 = (_156 = (_155 = props.startFillColor1) !== null && _155 !== void 0 ? _155 : props.startFillColor) !== null && _156 !== void 0 ? _156 : LineDefaults.startFillColor;
|
|
305
|
+
var endFillColor1 = (_158 = (_157 = props.endFillColor1) !== null && _157 !== void 0 ? _157 : props.endFillColor) !== null && _158 !== void 0 ? _158 : LineDefaults.endFillColor;
|
|
306
|
+
var startOpacity = (_159 = props.startOpacity) !== null && _159 !== void 0 ? _159 : LineDefaults.startOpacity;
|
|
307
|
+
var endOpacity = (_160 = props.endOpacity) !== null && _160 !== void 0 ? _160 : LineDefaults.endOpacity;
|
|
308
|
+
var startOpacity1 = (_161 = props.startOpacity1) !== null && _161 !== void 0 ? _161 : startOpacity;
|
|
309
|
+
var endOpacity1 = (_162 = props.endOpacity1) !== null && _162 !== void 0 ? _162 : endOpacity;
|
|
310
|
+
var startFillColor2 = (_164 = (_163 = props.startFillColor2) !== null && _163 !== void 0 ? _163 : props.startFillColor) !== null && _164 !== void 0 ? _164 : LineDefaults.startFillColor;
|
|
311
|
+
var endFillColor2 = (_166 = (_165 = props.endFillColor2) !== null && _165 !== void 0 ? _165 : props.endFillColor) !== null && _166 !== void 0 ? _166 : LineDefaults.endFillColor;
|
|
312
|
+
var startOpacity2 = (_167 = props.startOpacity2) !== null && _167 !== void 0 ? _167 : startOpacity;
|
|
313
|
+
var endOpacity2 = (_168 = props.endOpacity2) !== null && _168 !== void 0 ? _168 : endOpacity;
|
|
314
|
+
var startFillColor3 = (_170 = (_169 = props.startFillColor3) !== null && _169 !== void 0 ? _169 : props.startFillColor) !== null && _170 !== void 0 ? _170 : LineDefaults.startFillColor;
|
|
315
|
+
var endFillColor3 = (_172 = (_171 = props.endFillColor3) !== null && _171 !== void 0 ? _171 : props.endFillColor) !== null && _172 !== void 0 ? _172 : LineDefaults.endFillColor;
|
|
316
|
+
var startOpacity3 = (_173 = props.startOpacity3) !== null && _173 !== void 0 ? _173 : startOpacity;
|
|
317
|
+
var endOpacity3 = (_174 = props.endOpacity3) !== null && _174 !== void 0 ? _174 : endOpacity;
|
|
318
|
+
var startFillColor4 = (_176 = (_175 = props.startFillColor4) !== null && _175 !== void 0 ? _175 : props.startFillColor) !== null && _176 !== void 0 ? _176 : LineDefaults.startFillColor;
|
|
319
|
+
var endFillColor4 = (_178 = (_177 = props.endFillColor4) !== null && _177 !== void 0 ? _177 : props.endFillColor) !== null && _178 !== void 0 ? _178 : LineDefaults.endFillColor;
|
|
320
|
+
var startOpacity4 = (_179 = props.startOpacity4) !== null && _179 !== void 0 ? _179 : startOpacity;
|
|
321
|
+
var endOpacity4 = (_180 = props.endOpacity4) !== null && _180 !== void 0 ? _180 : endOpacity;
|
|
322
|
+
var startFillColor5 = (_182 = (_181 = props.startFillColor5) !== null && _181 !== void 0 ? _181 : props.startFillColor) !== null && _182 !== void 0 ? _182 : LineDefaults.startFillColor;
|
|
323
|
+
var endFillColor5 = (_184 = (_183 = props.endFillColor5) !== null && _183 !== void 0 ? _183 : props.endFillColor) !== null && _184 !== void 0 ? _184 : LineDefaults.endFillColor;
|
|
324
|
+
var startOpacity5 = (_185 = props.startOpacity5) !== null && _185 !== void 0 ? _185 : startOpacity;
|
|
325
|
+
var endOpacity5 = (_186 = props.endOpacity5) !== null && _186 !== void 0 ? _186 : endOpacity;
|
|
326
|
+
defaultArrowConfig.strokeWidth = (_188 = (_187 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _187 === void 0 ? void 0 : _187.thickness) !== null && _188 !== void 0 ? _188 : thickness1;
|
|
327
|
+
defaultArrowConfig.strokeColor = (_190 = (_189 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _189 === void 0 ? void 0 : _189.color) !== null && _190 !== void 0 ? _190 : color1;
|
|
328
|
+
var _351 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _351.arrowLength1, arrowWidth1 = _351.arrowWidth1, arrowStrokeWidth1 = _351.arrowStrokeWidth1, arrowStrokeColor1 = _351.arrowStrokeColor1, arrowFillColor1 = _351.arrowFillColor1, showArrowBase1 = _351.showArrowBase1, arrowLength2 = _351.arrowLength2, arrowWidth2 = _351.arrowWidth2, arrowStrokeWidth2 = _351.arrowStrokeWidth2, arrowStrokeColor2 = _351.arrowStrokeColor2, arrowFillColor2 = _351.arrowFillColor2, showArrowBase2 = _351.showArrowBase2, arrowLength3 = _351.arrowLength3, arrowWidth3 = _351.arrowWidth3, arrowStrokeWidth3 = _351.arrowStrokeWidth3, arrowStrokeColor3 = _351.arrowStrokeColor3, arrowFillColor3 = _351.arrowFillColor3, showArrowBase3 = _351.showArrowBase3, arrowLength4 = _351.arrowLength4, arrowWidth4 = _351.arrowWidth4, arrowStrokeWidth4 = _351.arrowStrokeWidth4, arrowStrokeColor4 = _351.arrowStrokeColor4, arrowFillColor4 = _351.arrowFillColor4, showArrowBase4 = _351.showArrowBase4, arrowLength5 = _351.arrowLength5, arrowWidth5 = _351.arrowWidth5, arrowStrokeWidth5 = _351.arrowStrokeWidth5, arrowStrokeColor5 = _351.arrowStrokeColor5, arrowFillColor5 = _351.arrowFillColor5, showArrowBase5 = _351.showArrowBase5, arrowLengthsFromSet = _351.arrowLengthsFromSet, arrowWidthsFromSet = _351.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _351.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _351.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _351.arrowFillColorsFromSet, showArrowBasesFromSet = _351.showArrowBasesFromSet;
|
|
318
329
|
var secondaryLineConfig = {
|
|
319
|
-
zIndex: (
|
|
320
|
-
curved: (
|
|
321
|
-
curvature: (
|
|
322
|
-
curveType: (
|
|
323
|
-
areaChart: (
|
|
324
|
-
color: (
|
|
325
|
-
thickness: (
|
|
326
|
-
zIndex1: (
|
|
327
|
-
strokeDashArray: (
|
|
328
|
-
startIndex: (
|
|
329
|
-
endIndex: (
|
|
330
|
-
hideDataPoints: (
|
|
331
|
-
dataPointsHeight: (
|
|
332
|
-
dataPointsWidth: (
|
|
333
|
-
dataPointsRadius: (
|
|
334
|
-
dataPointsColor: (
|
|
335
|
-
dataPointsShape: (
|
|
336
|
-
showValuesAsDataPointsText: (
|
|
337
|
-
startFillColor: (
|
|
338
|
-
endFillColor: (
|
|
339
|
-
startOpacity: (
|
|
340
|
-
endOpacity: (
|
|
341
|
-
textFontSize: (
|
|
342
|
-
textColor: (
|
|
343
|
-
showArrow: (
|
|
344
|
-
arrowConfig: (
|
|
330
|
+
zIndex: (_192 = (_191 = props.secondaryLineConfig) === null || _191 === void 0 ? void 0 : _191.zIndex) !== null && _192 !== void 0 ? _192 : zIndex1,
|
|
331
|
+
curved: (_194 = (_193 = props.secondaryLineConfig) === null || _193 === void 0 ? void 0 : _193.curved) !== null && _194 !== void 0 ? _194 : props.curved,
|
|
332
|
+
curvature: (_196 = (_195 = props.secondaryLineConfig) === null || _195 === void 0 ? void 0 : _195.curvature) !== null && _196 !== void 0 ? _196 : curvature,
|
|
333
|
+
curveType: (_198 = (_197 = props.secondaryLineConfig) === null || _197 === void 0 ? void 0 : _197.curveType) !== null && _198 !== void 0 ? _198 : curveType,
|
|
334
|
+
areaChart: (_200 = (_199 = props.secondaryLineConfig) === null || _199 === void 0 ? void 0 : _199.areaChart) !== null && _200 !== void 0 ? _200 : areaChart,
|
|
335
|
+
color: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.color) !== null && _202 !== void 0 ? _202 : color1,
|
|
336
|
+
thickness: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.thickness) !== null && _204 !== void 0 ? _204 : thickness1,
|
|
337
|
+
zIndex1: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex1) !== null && _206 !== void 0 ? _206 : zIndex1,
|
|
338
|
+
strokeDashArray: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.strokeDashArray) !== null && _208 !== void 0 ? _208 : strokeDashArray1,
|
|
339
|
+
startIndex: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.startIndex) !== null && _210 !== void 0 ? _210 : startIndex1,
|
|
340
|
+
endIndex: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.endIndex) !== null && _212 !== void 0 ? _212 : endIndex1,
|
|
341
|
+
hideDataPoints: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.hideDataPoints) !== null && _214 !== void 0 ? _214 : hideDataPoints1,
|
|
342
|
+
dataPointsHeight: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.dataPointsHeight) !== null && _216 !== void 0 ? _216 : dataPointsHeight1,
|
|
343
|
+
dataPointsWidth: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.dataPointsWidth) !== null && _218 !== void 0 ? _218 : dataPointsWidth1,
|
|
344
|
+
dataPointsRadius: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.dataPointsRadius) !== null && _220 !== void 0 ? _220 : dataPointsRadius1,
|
|
345
|
+
dataPointsColor: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.dataPointsColor) !== null && _222 !== void 0 ? _222 : dataPointsColor1,
|
|
346
|
+
dataPointsShape: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.dataPointsShape) !== null && _224 !== void 0 ? _224 : dataPointsShape1,
|
|
347
|
+
showValuesAsDataPointsText: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.showValuesAsDataPointsText) !== null && _226 !== void 0 ? _226 : showValuesAsDataPointsText,
|
|
348
|
+
startFillColor: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.startFillColor) !== null && _228 !== void 0 ? _228 : startFillColor1,
|
|
349
|
+
endFillColor: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.endFillColor) !== null && _230 !== void 0 ? _230 : endFillColor1,
|
|
350
|
+
startOpacity: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.startOpacity) !== null && _232 !== void 0 ? _232 : startOpacity1,
|
|
351
|
+
endOpacity: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.endOpacity) !== null && _234 !== void 0 ? _234 : endOpacity1,
|
|
352
|
+
textFontSize: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.textFontSize) !== null && _236 !== void 0 ? _236 : textFontSize1,
|
|
353
|
+
textColor: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.textColor) !== null && _238 !== void 0 ? _238 : textColor1,
|
|
354
|
+
showArrow: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.showArrow) !== null && _240 !== void 0 ? _240 : props.showArrows,
|
|
355
|
+
arrowConfig: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.arrowConfig) !== null && _242 !== void 0 ? _242 : props.arrowConfig
|
|
345
356
|
};
|
|
346
357
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
347
358
|
? 0
|
|
348
|
-
: (
|
|
359
|
+
: (_243 = props.yAxisExtraHeight) !== null && _243 !== void 0 ? _243 : containerHeight / 20;
|
|
349
360
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
350
361
|
return ('M ' +
|
|
351
362
|
initialSpacing +
|
|
@@ -403,6 +414,7 @@ export var useLineChart = function (props) {
|
|
|
403
414
|
}
|
|
404
415
|
return path;
|
|
405
416
|
};
|
|
417
|
+
// const [oldPoints, setOldPoints] = useState(points)
|
|
406
418
|
useEffect(function () {
|
|
407
419
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
408
420
|
if (dataSet) {
|
|
@@ -537,6 +549,9 @@ export var useLineChart = function (props) {
|
|
|
537
549
|
setPoints3(pp3.replace('L', 'M'));
|
|
538
550
|
setPoints4(pp4.replace('L', 'M'));
|
|
539
551
|
setPoints5(pp5.replace('L', 'M'));
|
|
552
|
+
// if (animateOnDataChange) {
|
|
553
|
+
// setOldPoints(points)
|
|
554
|
+
// }
|
|
540
555
|
setPoints(pp.replace('L', 'M'));
|
|
541
556
|
if (data.length > 1 && ((_a = props.showArrow1) !== null && _a !== void 0 ? _a : props.showArrows)) {
|
|
542
557
|
var ppArray = pp.trim().split(' ');
|
|
@@ -866,84 +881,83 @@ export var useLineChart = function (props) {
|
|
|
866
881
|
}
|
|
867
882
|
}
|
|
868
883
|
}, [secondaryData, secondaryLineConfig]);
|
|
869
|
-
var gradientDirection = (
|
|
884
|
+
var gradientDirection = (_244 = props.gradientDirection) !== null && _244 !== void 0 ? _244 : 'vertical';
|
|
870
885
|
var horizSections = [{ value: '0' }];
|
|
871
|
-
var stepHeight = (
|
|
872
|
-
var stepValue = (
|
|
873
|
-
var noOfSectionsBelowXAxis = (
|
|
886
|
+
var stepHeight = (_245 = props.stepHeight) !== null && _245 !== void 0 ? _245 : containerHeight / noOfSections;
|
|
887
|
+
var stepValue = (_246 = props.stepValue) !== null && _246 !== void 0 ? _246 : maxValue / noOfSections;
|
|
888
|
+
var noOfSectionsBelowXAxis = (_247 = props.noOfSectionsBelowXAxis) !== null && _247 !== void 0 ? _247 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
874
889
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
875
|
-
var showXAxisIndices = (
|
|
876
|
-
var xAxisIndicesHeight = (
|
|
877
|
-
var xAxisIndicesWidth = (
|
|
878
|
-
var xAxisIndicesColor = (
|
|
879
|
-
var xAxisTextNumberOfLines = (
|
|
880
|
-
var xAxisLabelsVerticalShift = (
|
|
890
|
+
var showXAxisIndices = (_248 = props.showXAxisIndices) !== null && _248 !== void 0 ? _248 : AxesAndRulesDefaults.showXAxisIndices;
|
|
891
|
+
var xAxisIndicesHeight = (_249 = props.xAxisIndicesHeight) !== null && _249 !== void 0 ? _249 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
892
|
+
var xAxisIndicesWidth = (_250 = props.xAxisIndicesWidth) !== null && _250 !== void 0 ? _250 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
893
|
+
var xAxisIndicesColor = (_251 = props.xAxisIndicesColor) !== null && _251 !== void 0 ? _251 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
894
|
+
var xAxisTextNumberOfLines = (_252 = props.xAxisTextNumberOfLines) !== null && _252 !== void 0 ? _252 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
895
|
+
var xAxisLabelsVerticalShift = (_253 = props.xAxisLabelsVerticalShift) !== null && _253 !== void 0 ? _253 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
881
896
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
882
|
-
var showFractionalValues = (_246 = props.showFractionalValues) !== null && _246 !== void 0 ? _246 : AxesAndRulesDefaults.showFractionalValues;
|
|
883
897
|
var horizontal = false;
|
|
884
898
|
var yAxisAtTop = false;
|
|
885
899
|
defaultPointerConfig.pointerStripHeight =
|
|
886
900
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
887
901
|
var pointerConfig = props.pointerConfig;
|
|
888
|
-
var getPointerProps = (
|
|
889
|
-
var pointerHeight = (
|
|
890
|
-
var pointerWidth = (
|
|
891
|
-
var pointerRadius = (
|
|
892
|
-
var pointerColor = (
|
|
893
|
-
var pointerComponent = (
|
|
902
|
+
var getPointerProps = (_254 = props.getPointerProps) !== null && _254 !== void 0 ? _254 : null;
|
|
903
|
+
var pointerHeight = (_255 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _255 !== void 0 ? _255 : defaultPointerConfig.height;
|
|
904
|
+
var pointerWidth = (_256 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _256 !== void 0 ? _256 : defaultPointerConfig.width;
|
|
905
|
+
var pointerRadius = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.radius;
|
|
906
|
+
var pointerColor = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.pointerColor;
|
|
907
|
+
var pointerComponent = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.pointerComponent;
|
|
894
908
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
895
909
|
? false
|
|
896
910
|
: defaultPointerConfig.showPointerStrip;
|
|
897
|
-
var pointerStripHeight = (
|
|
898
|
-
var pointerStripWidth = (
|
|
899
|
-
var pointerStripColor = (
|
|
900
|
-
var pointerStripUptoDataPoint = (
|
|
901
|
-
var pointerLabelComponent = (
|
|
902
|
-
var stripOverPointer = (
|
|
903
|
-
var shiftPointerLabelX = (
|
|
904
|
-
var shiftPointerLabelY = (
|
|
905
|
-
var pointerLabelWidth = (
|
|
906
|
-
var pointerLabelHeight = (
|
|
907
|
-
var autoAdjustPointerLabelPosition = (
|
|
908
|
-
var pointerVanishDelay = (
|
|
909
|
-
var activatePointersOnLongPress = (
|
|
910
|
-
var activatePointersDelay = (
|
|
911
|
-
var initialPointerIndex = (
|
|
912
|
-
var initialPointerAppearDelay = (
|
|
911
|
+
var pointerStripHeight = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerStripHeight;
|
|
912
|
+
var pointerStripWidth = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerStripWidth;
|
|
913
|
+
var pointerStripColor = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.pointerStripColor;
|
|
914
|
+
var pointerStripUptoDataPoint = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
915
|
+
var pointerLabelComponent = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.pointerLabelComponent;
|
|
916
|
+
var stripOverPointer = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.stripOverPointer;
|
|
917
|
+
var shiftPointerLabelX = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.shiftPointerLabelX;
|
|
918
|
+
var shiftPointerLabelY = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.shiftPointerLabelY;
|
|
919
|
+
var pointerLabelWidth = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.pointerLabelWidth;
|
|
920
|
+
var pointerLabelHeight = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.pointerLabelHeight;
|
|
921
|
+
var autoAdjustPointerLabelPosition = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
922
|
+
var pointerVanishDelay = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.pointerVanishDelay;
|
|
923
|
+
var activatePointersOnLongPress = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.activatePointersOnLongPress;
|
|
924
|
+
var activatePointersDelay = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.activatePointersDelay;
|
|
925
|
+
var initialPointerIndex = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.initialPointerIndex;
|
|
926
|
+
var initialPointerAppearDelay = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _275 !== void 0 ? _275 : (isAnimated
|
|
913
927
|
? animationDuration
|
|
914
928
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
915
|
-
var persistPointer = (
|
|
916
|
-
var hidePointers = (
|
|
917
|
-
var hidePointer1 = (
|
|
918
|
-
var hidePointer2 = (
|
|
919
|
-
var hidePointer3 = (
|
|
920
|
-
var hidePointer4 = (
|
|
921
|
-
var hidePointer5 = (
|
|
922
|
-
var hideSecondaryPointer = (
|
|
923
|
-
var resetPointerOnDataChange = (
|
|
929
|
+
var persistPointer = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.persistPointer;
|
|
930
|
+
var hidePointers = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.hidePointers;
|
|
931
|
+
var hidePointer1 = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.hidePointer1;
|
|
932
|
+
var hidePointer2 = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.hidePointer2;
|
|
933
|
+
var hidePointer3 = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.hidePointer3;
|
|
934
|
+
var hidePointer4 = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.hidePointer4;
|
|
935
|
+
var hidePointer5 = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.hidePointer5;
|
|
936
|
+
var hideSecondaryPointer = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.hideSecondaryPointer;
|
|
937
|
+
var resetPointerOnDataChange = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.resetPointerOnDataChange;
|
|
924
938
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
925
|
-
var disableScroll = (
|
|
939
|
+
var disableScroll = (_285 = props.disableScroll) !== null && _285 !== void 0 ? _285 : (pointerConfig
|
|
926
940
|
? activatePointersOnLongPress
|
|
927
941
|
? !!responderActive
|
|
928
942
|
: true
|
|
929
943
|
: false);
|
|
930
|
-
var showScrollIndicator = (
|
|
931
|
-
var focusEnabled = (
|
|
932
|
-
var showDataPointOnFocus = (
|
|
933
|
-
var showStripOnFocus = (
|
|
934
|
-
var showTextOnFocus = (
|
|
935
|
-
var showDataPointLabelOnFocus = (
|
|
944
|
+
var showScrollIndicator = (_286 = props.showScrollIndicator) !== null && _286 !== void 0 ? _286 : LineDefaults.showScrollIndicator;
|
|
945
|
+
var focusEnabled = (_287 = props.focusEnabled) !== null && _287 !== void 0 ? _287 : LineDefaults.focusEnabled;
|
|
946
|
+
var showDataPointOnFocus = (_288 = props.showDataPointOnFocus) !== null && _288 !== void 0 ? _288 : LineDefaults.showDataPointOnFocus;
|
|
947
|
+
var showStripOnFocus = (_289 = props.showStripOnFocus) !== null && _289 !== void 0 ? _289 : LineDefaults.showStripOnFocus;
|
|
948
|
+
var showTextOnFocus = (_290 = props.showTextOnFocus) !== null && _290 !== void 0 ? _290 : LineDefaults.showTextOnFocus;
|
|
949
|
+
var showDataPointLabelOnFocus = (_291 = props.showDataPointLabelOnFocus) !== null && _291 !== void 0 ? _291 : LineDefaults.showDataPointLabelOnFocus;
|
|
936
950
|
var stripHeight = props.stripHeight;
|
|
937
|
-
var stripWidth = (
|
|
938
|
-
var stripColor = (
|
|
939
|
-
var stripOpacity = (
|
|
951
|
+
var stripWidth = (_292 = props.stripWidth) !== null && _292 !== void 0 ? _292 : LineDefaults.stripWidth;
|
|
952
|
+
var stripColor = (_293 = props.stripColor) !== null && _293 !== void 0 ? _293 : color1;
|
|
953
|
+
var stripOpacity = (_294 = props.stripOpacity) !== null && _294 !== void 0 ? _294 : (startOpacity1 + endOpacity1) / 2;
|
|
940
954
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
941
|
-
var unFocusOnPressOut = (
|
|
942
|
-
var delayBeforeUnFocus = (
|
|
943
|
-
var lineGradient = (
|
|
944
|
-
var lineGradientDirection = (
|
|
945
|
-
var lineGradientStartColor = (
|
|
946
|
-
var lineGradientEndColor = (
|
|
955
|
+
var unFocusOnPressOut = (_295 = props.unFocusOnPressOut) !== null && _295 !== void 0 ? _295 : LineDefaults.unFocusOnPressOut;
|
|
956
|
+
var delayBeforeUnFocus = (_296 = props.delayBeforeUnFocus) !== null && _296 !== void 0 ? _296 : LineDefaults.delayBeforeUnFocus;
|
|
957
|
+
var lineGradient = (_297 = props.lineGradient) !== null && _297 !== void 0 ? _297 : LineDefaults.lineGradient;
|
|
958
|
+
var lineGradientDirection = (_298 = props.lineGradientDirection) !== null && _298 !== void 0 ? _298 : 'vertical';
|
|
959
|
+
var lineGradientStartColor = (_299 = props.lineGradientStartColor) !== null && _299 !== void 0 ? _299 : LineDefaults.lineGradientStartColor;
|
|
960
|
+
var lineGradientEndColor = (_300 = props.lineGradientEndColor) !== null && _300 !== void 0 ? _300 : LineDefaults.lineGradientEndColor;
|
|
947
961
|
var getPointerY = function (value) {
|
|
948
962
|
return value
|
|
949
963
|
? containerHeight -
|
|
@@ -1014,8 +1028,8 @@ export var useLineChart = function (props) {
|
|
|
1014
1028
|
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 : [];
|
|
1015
1029
|
setPointerYsForDataSet(initialPointerYs);
|
|
1016
1030
|
};
|
|
1017
|
-
var dataPointsRadius = (
|
|
1018
|
-
var dataPointsWidth = (
|
|
1031
|
+
var dataPointsRadius = (_302 = (_301 = props.dataPointsRadius1) !== null && _301 !== void 0 ? _301 : props.dataPointsRadius) !== null && _302 !== void 0 ? _302 : LineDefaults.dataPointsRadius;
|
|
1032
|
+
var dataPointsWidth = (_304 = (_303 = props.dataPointsWidth1) !== null && _303 !== void 0 ? _303 : props.dataPointsWidth) !== null && _304 !== void 0 ? _304 : LineDefaults.dataPointsWidth;
|
|
1019
1033
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1020
1034
|
? 0
|
|
1021
1035
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1067,7 +1081,7 @@ export var useLineChart = function (props) {
|
|
|
1067
1081
|
noOfSections: noOfSections,
|
|
1068
1082
|
sectionColors: props.sectionColors,
|
|
1069
1083
|
showFractionalValues: showFractionalValues,
|
|
1070
|
-
axesAndRulesProps: getAxesAndRulesProps(props, stepValue, undefined),
|
|
1084
|
+
axesAndRulesProps: getAxesAndRulesProps(props, stepValue, roundToDigits, undefined),
|
|
1071
1085
|
yAxisLabelTexts: props.yAxisLabelTexts,
|
|
1072
1086
|
yAxisOffset: yAxisOffset,
|
|
1073
1087
|
rotateYAxisTexts: 0,
|
|
@@ -1083,7 +1097,7 @@ export var useLineChart = function (props) {
|
|
|
1083
1097
|
pointerY: pointerY,
|
|
1084
1098
|
onEndReached: props.onEndReached,
|
|
1085
1099
|
onStartReached: props.onStartReached,
|
|
1086
|
-
endReachedOffset: (
|
|
1100
|
+
endReachedOffset: (_305 = props.endReachedOffset) !== null && _305 !== void 0 ? _305 : LineDefaults.endReachedOffset,
|
|
1087
1101
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1088
1102
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1089
1103
|
};
|
|
@@ -1380,6 +1394,7 @@ export var useLineChart = function (props) {
|
|
|
1380
1394
|
xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
|
|
1381
1395
|
horizontalRulesStyle: horizontalRulesStyle,
|
|
1382
1396
|
showFractionalValues: showFractionalValues,
|
|
1397
|
+
roundToDigits: roundToDigits,
|
|
1383
1398
|
horizontal: horizontal,
|
|
1384
1399
|
yAxisAtTop: yAxisAtTop,
|
|
1385
1400
|
pointerConfig: pointerConfig,
|
|
@@ -1438,5 +1453,6 @@ export var useLineChart = function (props) {
|
|
|
1438
1453
|
initialisePointers: initialisePointers,
|
|
1439
1454
|
barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
|
|
1440
1455
|
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
|
|
1456
|
+
// oldPoints
|
|
1441
1457
|
};
|
|
1442
1458
|
};
|