gifted-charts-core 0.1.6 → 0.1.8
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/package.json +1 -1
- package/src/BarChart/Animated2DWithGradient.js.map +1 -0
- package/src/BarChart/RenderStackBars.js.map +1 -0
- package/src/BarChart/index.js.map +1 -0
- package/src/BarChart/types.js.map +1 -0
- package/src/LineChart/LineChartBiColor.js +12 -6
- package/src/LineChart/LineChartBiColor.js.map +1 -0
- package/src/LineChart/LineChartBiColor.ts +22 -12
- package/src/LineChart/index.d.ts +3 -1
- package/src/LineChart/index.js +308 -273
- package/src/LineChart/index.js.map +1 -0
- package/src/LineChart/index.ts +66 -15
- package/src/LineChart/types.d.ts +3 -0
- package/src/LineChart/types.js.map +1 -0
- package/src/LineChart/types.ts +4 -0
- package/src/PieChart/index.js.map +1 -0
- package/src/PieChart/main.js.map +1 -0
- package/src/PieChart/types.js.map +1 -0
- package/src/PopulationPyramid/index.js.map +1 -0
- package/src/PopulationPyramid/types.js.map +1 -0
- package/src/components/AnimatedThreeDBar/index.js.map +1 -0
- package/src/components/BarAndLineChartsWrapper/getHorizSectionsVals.js.map +1 -0
- package/src/components/BarAndLineChartsWrapper/index.js.map +1 -0
- package/src/components/common/StripAndLabel.js.map +1 -0
- package/src/utils/constants.d.ts +1 -0
- package/src/utils/constants.js +1 -0
- package/src/utils/constants.js.map +1 -0
- package/src/utils/constants.ts +1 -0
- package/src/utils/index.js +1 -1
- package/src/utils/index.js.map +1 -0
- package/src/utils/index.ts +1 -1
- package/src/utils/types.d.ts +2 -0
- package/src/utils/types.js.map +1 -0
- package/src/utils/types.ts +4 -2
package/src/LineChart/index.js
CHANGED
|
@@ -30,51 +30,56 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
|
|
|
30
30
|
import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, svgPath } from '../utils';
|
|
31
31
|
import { EdgePosition } from '../utils/types';
|
|
32
32
|
export var useLineChart = function (props) {
|
|
33
|
-
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;
|
|
34
|
-
var animations = props.animations, showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
33
|
+
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;
|
|
34
|
+
var animations = props.animations, showDataPointsForMissingValues = props.showDataPointsForMissingValues, _298 = props.interpolateMissingValues, interpolateMissingValues = _298 === void 0 ? true : _298, onlyPositive = props.onlyPositive, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth;
|
|
35
35
|
var curvature = (_a = props.curvature) !== null && _a !== void 0 ? _a : LineDefaults.curvature;
|
|
36
36
|
var curveType = (_b = props.curveType) !== null && _b !== void 0 ? _b : LineDefaults.curveType;
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
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
|
|
37
|
+
var _299 = __read(useState(0), 2), scrollX = _299[0], setScrollX = _299[1];
|
|
38
|
+
var _300 = __read(useState(''), 2), arrow1Points = _300[0], setArrow1Points = _300[1];
|
|
39
|
+
var _301 = __read(useState(''), 2), arrow2Points = _301[0], setArrow2Points = _301[1];
|
|
40
|
+
var _302 = __read(useState(''), 2), arrow3Points = _302[0], setArrow3Points = _302[1];
|
|
41
|
+
var _303 = __read(useState(''), 2), arrow4Points = _303[0], setArrow4Points = _303[1];
|
|
42
|
+
var _304 = __read(useState(''), 2), arrow5Points = _304[0], setArrow5Points = _304[1];
|
|
43
|
+
var _305 = __read(useState(''), 2), secondaryArrowPoints = _305[0], setSecondaryArrowPoints = _305[1];
|
|
44
|
+
var _306 = __read(useState(-1), 2), pointerIndex = _306[0], setPointerIndex = _306[1];
|
|
45
|
+
var _307 = __read(useState(0), 2), pointerX = _307[0], setPointerX = _307[1];
|
|
46
|
+
var _308 = __read(useState(0), 2), pointerY = _308[0], setPointerY = _308[1];
|
|
47
|
+
var _309 = __read(useState(), 2), pointerItem = _309[0], setPointerItem = _309[1];
|
|
48
|
+
var _310 = __read(useState(0), 2), pointerY2 = _310[0], setPointerY2 = _310[1];
|
|
49
|
+
var _311 = __read(useState(), 2), pointerItem2 = _311[0], setPointerItem2 = _311[1];
|
|
50
|
+
var _312 = __read(useState(0), 2), pointerY3 = _312[0], setPointerY3 = _312[1];
|
|
51
|
+
var _313 = __read(useState(), 2), pointerItem3 = _313[0], setPointerItem3 = _313[1];
|
|
52
|
+
var _314 = __read(useState(0), 2), pointerY4 = _314[0], setPointerY4 = _314[1];
|
|
53
|
+
var _315 = __read(useState(), 2), pointerItem4 = _315[0], setPointerItem4 = _315[1];
|
|
54
|
+
var _316 = __read(useState(0), 2), pointerY5 = _316[0], setPointerY5 = _316[1];
|
|
55
|
+
var _317 = __read(useState([]), 2), pointerYsForDataSet = _317[0], setPointerYsForDataSet = _317[1];
|
|
56
|
+
var _318 = __read(useState(), 2), pointerItem5 = _318[0], setPointerItem5 = _318[1];
|
|
57
|
+
var _319 = __read(useState(0), 2), secondaryPointerY = _319[0], setSecondaryPointerY = _319[1];
|
|
58
|
+
var _320 = __read(useState(), 2), secondaryPointerItem = _320[0], setSecondaryPointerItem = _320[1];
|
|
59
|
+
var _321 = __read(useState(0), 2), responderStartTime = _321[0], setResponderStartTime = _321[1];
|
|
60
|
+
var _322 = __read(useState(false), 2), responderActive = _322[0], setResponderActive = _322[1];
|
|
61
|
+
var _323 = __read(useState(''), 2), points = _323[0], setPoints = _323[1];
|
|
62
|
+
var _324 = __read(useState(''), 2), points2 = _324[0], setPoints2 = _324[1];
|
|
63
|
+
var _325 = __read(useState(''), 2), points3 = _325[0], setPoints3 = _325[1];
|
|
64
|
+
var _326 = __read(useState(''), 2), points4 = _326[0], setPoints4 = _326[1];
|
|
65
|
+
var _327 = __read(useState(''), 2), points5 = _327[0], setPoints5 = _327[1];
|
|
66
|
+
var _328 = __read(useState(''), 2), secondaryPoints = _328[0], setSecondaryPoints = _328[1];
|
|
67
|
+
var _329 = __read(useState(''), 2), fillPoints = _329[0], setFillPoints = _329[1];
|
|
68
|
+
var _330 = __read(useState(''), 2), fillPoints2 = _330[0], setFillPoints2 = _330[1];
|
|
69
|
+
var _331 = __read(useState(''), 2), fillPoints3 = _331[0], setFillPoints3 = _331[1];
|
|
70
|
+
var _332 = __read(useState(''), 2), fillPoints4 = _332[0], setFillPoints4 = _332[1];
|
|
71
|
+
var _333 = __read(useState(''), 2), fillPoints5 = _333[0], setFillPoints5 = _333[1];
|
|
72
|
+
var _334 = __read(useState(''), 2), secondaryFillPoints = _334[0], setSecondaryFillPoints = _334[1];
|
|
73
|
+
var _335 = __read(useState([]), 2), pointsFromSet = _335[0], setPointsFromSet = _335[1];
|
|
74
|
+
var _336 = __read(useState([]), 2), fillPointsFromSet = _336[0], setFillPointsFromSet = _336[1];
|
|
75
|
+
var _337 = __read(useState([]), 2), arrowPointsFromSet = _337[0], setArrowPointsFromSet = _337[1];
|
|
76
|
+
var _338 = __read(useState((_c = props.focusedDataPointIndex) !== null && _c !== void 0 ? _c : -1), 2), selectedIndex = _338[0], setSelectedIndex = _338[1];
|
|
77
|
+
useEffect(function () {
|
|
78
|
+
var _a;
|
|
79
|
+
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
80
|
+
}, [props.focusedDataPointIndex]);
|
|
76
81
|
var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
|
|
77
|
-
var containerHeight = (
|
|
82
|
+
var containerHeight = (_d = props.height) !== null && _d !== void 0 ? _d : (((_e = props.stepHeight) !== null && _e !== void 0 ? _e : 0) * noOfSections ||
|
|
78
83
|
AxesAndRulesDefaults.containerHeight);
|
|
79
84
|
var dataSanitisationProps = {
|
|
80
85
|
showDataPointsForMissingValues: showDataPointsForMissingValues,
|
|
@@ -87,7 +92,7 @@ export var useLineChart = function (props) {
|
|
|
87
92
|
var data3 = useMemo(function () { return getSanitisedData(props.data3, dataSanitisationProps); }, [yAxisOffset, props.data3]);
|
|
88
93
|
var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
|
|
89
94
|
var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
|
|
90
|
-
var secondaryData = (
|
|
95
|
+
var secondaryData = (_f = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _f !== void 0 ? _f : [];
|
|
91
96
|
var dataSet = props.dataSet;
|
|
92
97
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
93
98
|
dataSet = useMemo(function () {
|
|
@@ -97,18 +102,18 @@ export var useLineChart = function (props) {
|
|
|
97
102
|
});
|
|
98
103
|
}, [yAxisOffset, dataSet]);
|
|
99
104
|
}
|
|
100
|
-
var data0 = (
|
|
101
|
-
var scrollToEnd = (
|
|
102
|
-
var scrollAnimation = (
|
|
103
|
-
var scrollEventThrottle = (
|
|
104
|
-
var labelsExtraHeight = (
|
|
105
|
-
var animationDuration = (
|
|
106
|
-
var onDataChangeAnimationDuration = (
|
|
107
|
-
var animateTogether = (
|
|
105
|
+
var data0 = (_g = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _g === void 0 ? void 0 : _g.data;
|
|
106
|
+
var scrollToEnd = (_h = props.scrollToEnd) !== null && _h !== void 0 ? _h : LineDefaults.scrollToEnd;
|
|
107
|
+
var scrollAnimation = (_j = props.scrollAnimation) !== null && _j !== void 0 ? _j : LineDefaults.scrollAnimation;
|
|
108
|
+
var scrollEventThrottle = (_k = props.scrollEventThrottle) !== null && _k !== void 0 ? _k : LineDefaults.scrollEventThrottle;
|
|
109
|
+
var labelsExtraHeight = (_l = props.labelsExtraHeight) !== null && _l !== void 0 ? _l : 0;
|
|
110
|
+
var animationDuration = (_m = props.animationDuration) !== null && _m !== void 0 ? _m : LineDefaults.animationDuration;
|
|
111
|
+
var onDataChangeAnimationDuration = (_o = props.onDataChangeAnimationDuration) !== null && _o !== void 0 ? _o : 400;
|
|
112
|
+
var animateTogether = (_p = props.animateTogether) !== null && _p !== void 0 ? _p : LineDefaults.animateTogether;
|
|
108
113
|
var animateOnDataChange = yAxisOffset
|
|
109
114
|
? false
|
|
110
|
-
: (
|
|
111
|
-
var startIndex1 = (
|
|
115
|
+
: (_q = props.animateOnDataChange) !== null && _q !== void 0 ? _q : false;
|
|
116
|
+
var startIndex1 = (_s = (_r = props.startIndex1) !== null && _r !== void 0 ? _r : props.startIndex) !== null && _s !== void 0 ? _s : 0;
|
|
112
117
|
var endIndex1;
|
|
113
118
|
if (props.endIndex1 === undefined || props.endIndex1 === null) {
|
|
114
119
|
if (props.endIndex === undefined || props.endIndex === null) {
|
|
@@ -121,14 +126,14 @@ export var useLineChart = function (props) {
|
|
|
121
126
|
else {
|
|
122
127
|
endIndex1 = props.endIndex1;
|
|
123
128
|
}
|
|
124
|
-
var startIndex2 = (
|
|
125
|
-
var endIndex2 = (
|
|
126
|
-
var startIndex3 = (
|
|
127
|
-
var endIndex3 = (
|
|
128
|
-
var startIndex4 = (
|
|
129
|
-
var endIndex4 = (
|
|
130
|
-
var startIndex5 = (
|
|
131
|
-
var endIndex5 = (
|
|
129
|
+
var startIndex2 = (_t = props.startIndex2) !== null && _t !== void 0 ? _t : 0;
|
|
130
|
+
var endIndex2 = (_u = props.endIndex2) !== null && _u !== void 0 ? _u : data2.length - 1;
|
|
131
|
+
var startIndex3 = (_v = props.startIndex3) !== null && _v !== void 0 ? _v : 0;
|
|
132
|
+
var endIndex3 = (_w = props.endIndex3) !== null && _w !== void 0 ? _w : data3.length - 1;
|
|
133
|
+
var startIndex4 = (_x = props.startIndex4) !== null && _x !== void 0 ? _x : 0;
|
|
134
|
+
var endIndex4 = (_y = props.endIndex4) !== null && _y !== void 0 ? _y : data4.length - 1;
|
|
135
|
+
var startIndex5 = (_z = props.startIndex5) !== null && _z !== void 0 ? _z : 0;
|
|
136
|
+
var endIndex5 = (_0 = props.endIndex5) !== null && _0 !== void 0 ? _0 : data5.length - 1;
|
|
132
137
|
var lineSegments = !interpolateMissingValues
|
|
133
138
|
? getLineSegmentsForMissingValues(props.data)
|
|
134
139
|
: props.lineSegments;
|
|
@@ -148,50 +153,50 @@ export var useLineChart = function (props) {
|
|
|
148
153
|
var newPoints = '';
|
|
149
154
|
var newFillPoints = '';
|
|
150
155
|
var counter = 0;
|
|
151
|
-
var adjustToWidth = (
|
|
152
|
-
var initialSpacing = (
|
|
153
|
-
var endSpacing = (
|
|
154
|
-
var thickness = (
|
|
155
|
-
var yAxisLabelWidth = (
|
|
156
|
+
var adjustToWidth = (_1 = props.adjustToWidth) !== null && _1 !== void 0 ? _1 : false;
|
|
157
|
+
var initialSpacing = (_2 = props.initialSpacing) !== null && _2 !== void 0 ? _2 : LineDefaults.initialSpacing;
|
|
158
|
+
var endSpacing = (_3 = props.endSpacing) !== null && _3 !== void 0 ? _3 : (adjustToWidth ? 0 : LineDefaults.endSpacing);
|
|
159
|
+
var thickness = (_4 = props.thickness) !== null && _4 !== void 0 ? _4 : LineDefaults.thickness;
|
|
160
|
+
var yAxisLabelWidth = (_5 = props.yAxisLabelWidth) !== null && _5 !== void 0 ? _5 : (props.hideYAxisText
|
|
156
161
|
? AxesAndRulesDefaults.yAxisEmptyLabelWidth
|
|
157
162
|
: AxesAndRulesDefaults.yAxisLabelWidth);
|
|
158
|
-
var spacing = (
|
|
159
|
-
? (((
|
|
163
|
+
var spacing = (_6 = props.spacing) !== null && _6 !== void 0 ? _6 : (adjustToWidth
|
|
164
|
+
? (((_7 = props.width) !== null && _7 !== void 0 ? _7 : parentWidth - yAxisLabelWidth) - initialSpacing) /
|
|
160
165
|
Math.max((data0 !== null && data0 !== void 0 ? data0 : data).length - 1, 1)
|
|
161
166
|
: LineDefaults.spacing);
|
|
162
|
-
var xAxisThickness = (
|
|
163
|
-
var dataPointsHeight1 = (
|
|
164
|
-
var dataPointsWidth1 = (
|
|
165
|
-
var dataPointsRadius1 = (
|
|
166
|
-
var dataPointsColor1 = (
|
|
167
|
-
var dataPointsShape1 = (
|
|
168
|
-
var dataPointsHeight2 = (
|
|
169
|
-
var dataPointsWidth2 = (
|
|
170
|
-
var dataPointsRadius2 = (
|
|
171
|
-
var dataPointsColor2 = (
|
|
172
|
-
var dataPointsShape2 = (
|
|
173
|
-
var dataPointsHeight3 = (
|
|
174
|
-
var dataPointsWidth3 = (
|
|
175
|
-
var dataPointsRadius3 = (
|
|
176
|
-
var dataPointsColor3 = (
|
|
177
|
-
var dataPointsShape3 = (
|
|
178
|
-
var dataPointsHeight4 = (
|
|
179
|
-
var dataPointsWidth4 = (
|
|
180
|
-
var dataPointsRadius4 = (
|
|
181
|
-
var dataPointsColor4 = (
|
|
182
|
-
var dataPointsShape4 = (
|
|
183
|
-
var dataPointsHeight5 = (
|
|
184
|
-
var dataPointsWidth5 = (
|
|
185
|
-
var dataPointsRadius5 = (
|
|
186
|
-
var dataPointsColor5 = (
|
|
187
|
-
var dataPointsShape5 = (
|
|
188
|
-
var areaChart = (
|
|
189
|
-
var areaChart1 = (
|
|
190
|
-
var areaChart2 = (
|
|
191
|
-
var areaChart3 = (
|
|
192
|
-
var areaChart4 = (
|
|
193
|
-
var areaChart5 = (
|
|
194
|
-
var atLeastOneAreaChart = (_69 = (_68 = (_67 = (_66 = (_65 =
|
|
167
|
+
var xAxisThickness = (_8 = props.xAxisThickness) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.xAxisThickness;
|
|
168
|
+
var dataPointsHeight1 = (_10 = (_9 = props.dataPointsHeight1) !== null && _9 !== void 0 ? _9 : props.dataPointsHeight) !== null && _10 !== void 0 ? _10 : LineDefaults.dataPointsHeight;
|
|
169
|
+
var dataPointsWidth1 = (_12 = (_11 = props.dataPointsWidth1) !== null && _11 !== void 0 ? _11 : props.dataPointsWidth) !== null && _12 !== void 0 ? _12 : LineDefaults.dataPointsWidth;
|
|
170
|
+
var dataPointsRadius1 = (_14 = (_13 = props.dataPointsRadius1) !== null && _13 !== void 0 ? _13 : props.dataPointsRadius) !== null && _14 !== void 0 ? _14 : LineDefaults.dataPointsRadius;
|
|
171
|
+
var dataPointsColor1 = (_16 = (_15 = props.dataPointsColor1) !== null && _15 !== void 0 ? _15 : props.dataPointsColor) !== null && _16 !== void 0 ? _16 : LineDefaults.dataPointsColor;
|
|
172
|
+
var dataPointsShape1 = (_18 = (_17 = props.dataPointsShape1) !== null && _17 !== void 0 ? _17 : props.dataPointsShape) !== null && _18 !== void 0 ? _18 : LineDefaults.dataPointsShape;
|
|
173
|
+
var dataPointsHeight2 = (_20 = (_19 = props.dataPointsHeight2) !== null && _19 !== void 0 ? _19 : props.dataPointsHeight) !== null && _20 !== void 0 ? _20 : LineDefaults.dataPointsHeight;
|
|
174
|
+
var dataPointsWidth2 = (_22 = (_21 = props.dataPointsWidth2) !== null && _21 !== void 0 ? _21 : props.dataPointsWidth) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsWidth;
|
|
175
|
+
var dataPointsRadius2 = (_24 = (_23 = props.dataPointsRadius2) !== null && _23 !== void 0 ? _23 : props.dataPointsRadius) !== null && _24 !== void 0 ? _24 : LineDefaults.dataPointsRadius;
|
|
176
|
+
var dataPointsColor2 = (_26 = (_25 = props.dataPointsColor2) !== null && _25 !== void 0 ? _25 : props.dataPointsColor) !== null && _26 !== void 0 ? _26 : LineDefaults.dataPointsColor2;
|
|
177
|
+
var dataPointsShape2 = (_28 = (_27 = props.dataPointsShape2) !== null && _27 !== void 0 ? _27 : props.dataPointsShape) !== null && _28 !== void 0 ? _28 : LineDefaults.dataPointsShape;
|
|
178
|
+
var dataPointsHeight3 = (_30 = (_29 = props.dataPointsHeight3) !== null && _29 !== void 0 ? _29 : props.dataPointsHeight) !== null && _30 !== void 0 ? _30 : LineDefaults.dataPointsHeight;
|
|
179
|
+
var dataPointsWidth3 = (_32 = (_31 = props.dataPointsWidth3) !== null && _31 !== void 0 ? _31 : props.dataPointsWidth) !== null && _32 !== void 0 ? _32 : LineDefaults.dataPointsWidth;
|
|
180
|
+
var dataPointsRadius3 = (_34 = (_33 = props.dataPointsRadius3) !== null && _33 !== void 0 ? _33 : props.dataPointsRadius) !== null && _34 !== void 0 ? _34 : LineDefaults.dataPointsRadius;
|
|
181
|
+
var dataPointsColor3 = (_36 = (_35 = props.dataPointsColor3) !== null && _35 !== void 0 ? _35 : props.dataPointsColor) !== null && _36 !== void 0 ? _36 : LineDefaults.dataPointsColor3;
|
|
182
|
+
var dataPointsShape3 = (_38 = (_37 = props.dataPointsShape3) !== null && _37 !== void 0 ? _37 : props.dataPointsShape) !== null && _38 !== void 0 ? _38 : LineDefaults.dataPointsShape;
|
|
183
|
+
var dataPointsHeight4 = (_40 = (_39 = props.dataPointsHeight4) !== null && _39 !== void 0 ? _39 : props.dataPointsHeight) !== null && _40 !== void 0 ? _40 : LineDefaults.dataPointsHeight;
|
|
184
|
+
var dataPointsWidth4 = (_42 = (_41 = props.dataPointsWidth4) !== null && _41 !== void 0 ? _41 : props.dataPointsWidth) !== null && _42 !== void 0 ? _42 : LineDefaults.dataPointsWidth;
|
|
185
|
+
var dataPointsRadius4 = (_44 = (_43 = props.dataPointsRadius4) !== null && _43 !== void 0 ? _43 : props.dataPointsRadius) !== null && _44 !== void 0 ? _44 : LineDefaults.dataPointsRadius;
|
|
186
|
+
var dataPointsColor4 = (_46 = (_45 = props.dataPointsColor4) !== null && _45 !== void 0 ? _45 : props.dataPointsColor) !== null && _46 !== void 0 ? _46 : LineDefaults.dataPointsColor;
|
|
187
|
+
var dataPointsShape4 = (_48 = (_47 = props.dataPointsShape4) !== null && _47 !== void 0 ? _47 : props.dataPointsShape) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsShape;
|
|
188
|
+
var dataPointsHeight5 = (_50 = (_49 = props.dataPointsHeight5) !== null && _49 !== void 0 ? _49 : props.dataPointsHeight) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsHeight;
|
|
189
|
+
var dataPointsWidth5 = (_52 = (_51 = props.dataPointsWidth5) !== null && _51 !== void 0 ? _51 : props.dataPointsWidth) !== null && _52 !== void 0 ? _52 : LineDefaults.dataPointsWidth;
|
|
190
|
+
var dataPointsRadius5 = (_54 = (_53 = props.dataPointsRadius5) !== null && _53 !== void 0 ? _53 : props.dataPointsRadius) !== null && _54 !== void 0 ? _54 : LineDefaults.dataPointsRadius;
|
|
191
|
+
var dataPointsColor5 = (_56 = (_55 = props.dataPointsColor5) !== null && _55 !== void 0 ? _55 : props.dataPointsColor) !== null && _56 !== void 0 ? _56 : LineDefaults.dataPointsColor;
|
|
192
|
+
var dataPointsShape5 = (_58 = (_57 = props.dataPointsShape5) !== null && _57 !== void 0 ? _57 : props.dataPointsShape) !== null && _58 !== void 0 ? _58 : LineDefaults.dataPointsShape;
|
|
193
|
+
var areaChart = (_59 = props.areaChart) !== null && _59 !== void 0 ? _59 : false;
|
|
194
|
+
var areaChart1 = (_60 = props.areaChart1) !== null && _60 !== void 0 ? _60 : false;
|
|
195
|
+
var areaChart2 = (_61 = props.areaChart2) !== null && _61 !== void 0 ? _61 : false;
|
|
196
|
+
var areaChart3 = (_62 = props.areaChart3) !== null && _62 !== void 0 ? _62 : false;
|
|
197
|
+
var areaChart4 = (_63 = props.areaChart4) !== null && _63 !== void 0 ? _63 : false;
|
|
198
|
+
var areaChart5 = (_64 = props.areaChart5) !== null && _64 !== void 0 ? _64 : false;
|
|
199
|
+
var atLeastOneAreaChart = (_70 = (_69 = (_68 = (_67 = (_66 = (_65 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.some(function (set) { return set.areaChart; })) !== null && _65 !== void 0 ? _65 : areaChart) !== null && _66 !== void 0 ? _66 : areaChart1) !== null && _67 !== void 0 ? _67 : areaChart2) !== null && _68 !== void 0 ? _68 : areaChart3) !== null && _69 !== void 0 ? _69 : areaChart4) !== null && _70 !== void 0 ? _70 : areaChart5;
|
|
195
200
|
var getIsNthAreaChart = function (n) {
|
|
196
201
|
if (areaChart)
|
|
197
202
|
return true;
|
|
@@ -211,35 +216,35 @@ export var useLineChart = function (props) {
|
|
|
211
216
|
}
|
|
212
217
|
return false;
|
|
213
218
|
};
|
|
214
|
-
var stepChart = (
|
|
215
|
-
var stepChart1 = (
|
|
216
|
-
var stepChart2 = (
|
|
217
|
-
var stepChart3 = (
|
|
218
|
-
var stepChart4 = (
|
|
219
|
-
var stepChart5 = (
|
|
220
|
-
var edgePosition = (
|
|
221
|
-
var textFontSize1 = (
|
|
222
|
-
var textFontSize2 = (
|
|
223
|
-
var textFontSize3 = (
|
|
224
|
-
var textFontSize4 = (
|
|
225
|
-
var textFontSize5 = (
|
|
226
|
-
var textColor1 = (
|
|
227
|
-
var textColor2 = (
|
|
228
|
-
var textColor3 = (
|
|
229
|
-
var textColor4 = (
|
|
230
|
-
var textColor5 = (
|
|
219
|
+
var stepChart = (_71 = props.stepChart) !== null && _71 !== void 0 ? _71 : false;
|
|
220
|
+
var stepChart1 = (_72 = props.stepChart1) !== null && _72 !== void 0 ? _72 : false;
|
|
221
|
+
var stepChart2 = (_73 = props.stepChart2) !== null && _73 !== void 0 ? _73 : false;
|
|
222
|
+
var stepChart3 = (_74 = props.stepChart3) !== null && _74 !== void 0 ? _74 : false;
|
|
223
|
+
var stepChart4 = (_75 = props.stepChart4) !== null && _75 !== void 0 ? _75 : false;
|
|
224
|
+
var stepChart5 = (_76 = props.stepChart5) !== null && _76 !== void 0 ? _76 : false;
|
|
225
|
+
var edgePosition = (_77 = props.edgePosition) !== null && _77 !== void 0 ? _77 : LineDefaults.edgePosition;
|
|
226
|
+
var textFontSize1 = (_79 = (_78 = props.textFontSize1) !== null && _78 !== void 0 ? _78 : props.textFontSize) !== null && _79 !== void 0 ? _79 : LineDefaults.textFontSize;
|
|
227
|
+
var textFontSize2 = (_81 = (_80 = props.textFontSize2) !== null && _80 !== void 0 ? _80 : props.textFontSize) !== null && _81 !== void 0 ? _81 : LineDefaults.textFontSize;
|
|
228
|
+
var textFontSize3 = (_83 = (_82 = props.textFontSize3) !== null && _82 !== void 0 ? _82 : props.textFontSize) !== null && _83 !== void 0 ? _83 : LineDefaults.textFontSize;
|
|
229
|
+
var textFontSize4 = (_85 = (_84 = props.textFontSize4) !== null && _84 !== void 0 ? _84 : props.textFontSize) !== null && _85 !== void 0 ? _85 : LineDefaults.textFontSize;
|
|
230
|
+
var textFontSize5 = (_87 = (_86 = props.textFontSize5) !== null && _86 !== void 0 ? _86 : props.textFontSize) !== null && _87 !== void 0 ? _87 : LineDefaults.textFontSize;
|
|
231
|
+
var textColor1 = (_89 = (_88 = props.textColor1) !== null && _88 !== void 0 ? _88 : props.textColor) !== null && _89 !== void 0 ? _89 : LineDefaults.textColor;
|
|
232
|
+
var textColor2 = (_91 = (_90 = props.textColor2) !== null && _90 !== void 0 ? _90 : props.textColor) !== null && _91 !== void 0 ? _91 : LineDefaults.textColor;
|
|
233
|
+
var textColor3 = (_93 = (_92 = props.textColor3) !== null && _92 !== void 0 ? _92 : props.textColor) !== null && _93 !== void 0 ? _93 : LineDefaults.textColor;
|
|
234
|
+
var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
235
|
+
var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
|
|
231
236
|
var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length;
|
|
232
|
-
var
|
|
237
|
+
var _339 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _339.maxItem, minItem = _339.minItem;
|
|
233
238
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
|
|
234
|
-
var mostNegativeValue = (
|
|
235
|
-
var overflowTop = (
|
|
239
|
+
var mostNegativeValue = (_98 = props.mostNegativeValue) !== null && _98 !== void 0 ? _98 : minItem;
|
|
240
|
+
var overflowTop = (_99 = props.overflowTop) !== null && _99 !== void 0 ? _99 : 0;
|
|
236
241
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
237
242
|
var getX = function (index) { return initialSpacing + spacing * index - 1; };
|
|
238
243
|
var getY = function (value) {
|
|
239
244
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
240
245
|
};
|
|
241
|
-
var secondaryMaxItem = computeMaxAndMinItems(secondaryData, (
|
|
242
|
-
var secondaryMaxValue = (
|
|
246
|
+
var secondaryMaxItem = computeMaxAndMinItems(secondaryData, (_100 = props.secondaryYAxis) === null || _100 === void 0 ? void 0 : _100.roundToDigits, (_101 = props.secondaryYAxis) === null || _101 === void 0 ? void 0 : _101.showFractionalValues).maxItem;
|
|
247
|
+
var secondaryMaxValue = (_103 = (_102 = props.secondaryYAxis) === null || _102 === void 0 ? void 0 : _102.maxValue) !== null && _103 !== void 0 ? _103 : (secondaryMaxItem || maxValue);
|
|
243
248
|
var getSecondaryY = function (value) {
|
|
244
249
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
245
250
|
};
|
|
@@ -285,90 +290,90 @@ export var useLineChart = function (props) {
|
|
|
285
290
|
}
|
|
286
291
|
}
|
|
287
292
|
};
|
|
288
|
-
var showValuesAsDataPointsText = (
|
|
289
|
-
var thickness1 = (
|
|
290
|
-
var thickness2 = (
|
|
291
|
-
var thickness3 = (
|
|
292
|
-
var thickness4 = (
|
|
293
|
-
var thickness5 = (
|
|
294
|
-
var zIndex1 = (
|
|
295
|
-
var zIndex2 = (
|
|
296
|
-
var zIndex3 = (
|
|
297
|
-
var zIndex4 = (
|
|
298
|
-
var zIndex5 = (
|
|
299
|
-
var strokeDashArray1 = (
|
|
300
|
-
var strokeDashArray2 = (
|
|
301
|
-
var strokeDashArray3 = (
|
|
302
|
-
var strokeDashArray4 = (
|
|
303
|
-
var strokeDashArray5 = (
|
|
304
|
-
var rotateLabel = (
|
|
305
|
-
var isAnimated = (
|
|
306
|
-
var hideDataPoints1 = (
|
|
307
|
-
var hideDataPoints2 = (
|
|
308
|
-
var hideDataPoints3 = (
|
|
309
|
-
var hideDataPoints4 = (
|
|
310
|
-
var hideDataPoints5 = (
|
|
311
|
-
var color1 = (
|
|
312
|
-
var color2 = (
|
|
313
|
-
var color3 = (
|
|
314
|
-
var color4 = (
|
|
315
|
-
var color5 = (
|
|
316
|
-
var startFillColor1 = (
|
|
317
|
-
var endFillColor1 = (
|
|
318
|
-
var startOpacity = (
|
|
319
|
-
var endOpacity = (
|
|
320
|
-
var startOpacity1 = (
|
|
321
|
-
var endOpacity1 = (
|
|
322
|
-
var startFillColor2 = (
|
|
323
|
-
var endFillColor2 = (
|
|
324
|
-
var startOpacity2 = (
|
|
325
|
-
var endOpacity2 = (
|
|
326
|
-
var startFillColor3 = (
|
|
327
|
-
var endFillColor3 = (
|
|
328
|
-
var startOpacity3 = (
|
|
329
|
-
var endOpacity3 = (
|
|
330
|
-
var startFillColor4 = (
|
|
331
|
-
var endFillColor4 = (
|
|
332
|
-
var startOpacity4 = (
|
|
333
|
-
var endOpacity4 = (
|
|
334
|
-
var startFillColor5 = (
|
|
335
|
-
var endFillColor5 = (
|
|
336
|
-
var startOpacity5 = (
|
|
337
|
-
var endOpacity5 = (
|
|
338
|
-
defaultArrowConfig.strokeWidth = (
|
|
339
|
-
defaultArrowConfig.strokeColor = (
|
|
340
|
-
var
|
|
293
|
+
var showValuesAsDataPointsText = (_104 = props.showValuesAsDataPointsText) !== null && _104 !== void 0 ? _104 : LineDefaults.showValuesAsDataPointsText;
|
|
294
|
+
var thickness1 = (_106 = (_105 = props.thickness1) !== null && _105 !== void 0 ? _105 : props.thickness) !== null && _106 !== void 0 ? _106 : LineDefaults.thickness;
|
|
295
|
+
var thickness2 = (_108 = (_107 = props.thickness2) !== null && _107 !== void 0 ? _107 : props.thickness) !== null && _108 !== void 0 ? _108 : LineDefaults.thickness;
|
|
296
|
+
var thickness3 = (_110 = (_109 = props.thickness3) !== null && _109 !== void 0 ? _109 : props.thickness) !== null && _110 !== void 0 ? _110 : LineDefaults.thickness;
|
|
297
|
+
var thickness4 = (_112 = (_111 = props.thickness4) !== null && _111 !== void 0 ? _111 : props.thickness) !== null && _112 !== void 0 ? _112 : LineDefaults.thickness;
|
|
298
|
+
var thickness5 = (_114 = (_113 = props.thickness5) !== null && _113 !== void 0 ? _113 : props.thickness) !== null && _114 !== void 0 ? _114 : LineDefaults.thickness;
|
|
299
|
+
var zIndex1 = (_115 = props.zIndex1) !== null && _115 !== void 0 ? _115 : 0;
|
|
300
|
+
var zIndex2 = (_116 = props.zIndex2) !== null && _116 !== void 0 ? _116 : 0;
|
|
301
|
+
var zIndex3 = (_117 = props.zIndex3) !== null && _117 !== void 0 ? _117 : 0;
|
|
302
|
+
var zIndex4 = (_118 = props.zIndex4) !== null && _118 !== void 0 ? _118 : 0;
|
|
303
|
+
var zIndex5 = (_119 = props.zIndex5) !== null && _119 !== void 0 ? _119 : 0;
|
|
304
|
+
var strokeDashArray1 = (_120 = props.strokeDashArray1) !== null && _120 !== void 0 ? _120 : props.strokeDashArray;
|
|
305
|
+
var strokeDashArray2 = (_121 = props.strokeDashArray2) !== null && _121 !== void 0 ? _121 : props.strokeDashArray;
|
|
306
|
+
var strokeDashArray3 = (_122 = props.strokeDashArray3) !== null && _122 !== void 0 ? _122 : props.strokeDashArray;
|
|
307
|
+
var strokeDashArray4 = (_123 = props.strokeDashArray4) !== null && _123 !== void 0 ? _123 : props.strokeDashArray;
|
|
308
|
+
var strokeDashArray5 = (_124 = props.strokeDashArray5) !== null && _124 !== void 0 ? _124 : props.strokeDashArray;
|
|
309
|
+
var rotateLabel = (_125 = props.rotateLabel) !== null && _125 !== void 0 ? _125 : false;
|
|
310
|
+
var isAnimated = (_126 = props.isAnimated) !== null && _126 !== void 0 ? _126 : false;
|
|
311
|
+
var hideDataPoints1 = (_128 = (_127 = props.hideDataPoints) !== null && _127 !== void 0 ? _127 : props.hideDataPoints1) !== null && _128 !== void 0 ? _128 : false;
|
|
312
|
+
var hideDataPoints2 = (_130 = (_129 = props.hideDataPoints) !== null && _129 !== void 0 ? _129 : props.hideDataPoints2) !== null && _130 !== void 0 ? _130 : false;
|
|
313
|
+
var hideDataPoints3 = (_132 = (_131 = props.hideDataPoints) !== null && _131 !== void 0 ? _131 : props.hideDataPoints3) !== null && _132 !== void 0 ? _132 : false;
|
|
314
|
+
var hideDataPoints4 = (_134 = (_133 = props.hideDataPoints) !== null && _133 !== void 0 ? _133 : props.hideDataPoints4) !== null && _134 !== void 0 ? _134 : false;
|
|
315
|
+
var hideDataPoints5 = (_136 = (_135 = props.hideDataPoints) !== null && _135 !== void 0 ? _135 : props.hideDataPoints5) !== null && _136 !== void 0 ? _136 : false;
|
|
316
|
+
var color1 = (_138 = (_137 = props.color1) !== null && _137 !== void 0 ? _137 : props.color) !== null && _138 !== void 0 ? _138 : LineDefaults.color;
|
|
317
|
+
var color2 = (_140 = (_139 = props.color2) !== null && _139 !== void 0 ? _139 : props.color) !== null && _140 !== void 0 ? _140 : LineDefaults.color;
|
|
318
|
+
var color3 = (_142 = (_141 = props.color3) !== null && _141 !== void 0 ? _141 : props.color) !== null && _142 !== void 0 ? _142 : LineDefaults.color;
|
|
319
|
+
var color4 = (_144 = (_143 = props.color4) !== null && _143 !== void 0 ? _143 : props.color) !== null && _144 !== void 0 ? _144 : LineDefaults.color;
|
|
320
|
+
var color5 = (_146 = (_145 = props.color5) !== null && _145 !== void 0 ? _145 : props.color) !== null && _146 !== void 0 ? _146 : LineDefaults.color;
|
|
321
|
+
var startFillColor1 = (_148 = (_147 = props.startFillColor1) !== null && _147 !== void 0 ? _147 : props.startFillColor) !== null && _148 !== void 0 ? _148 : LineDefaults.startFillColor;
|
|
322
|
+
var endFillColor1 = (_150 = (_149 = props.endFillColor1) !== null && _149 !== void 0 ? _149 : props.endFillColor) !== null && _150 !== void 0 ? _150 : LineDefaults.endFillColor;
|
|
323
|
+
var startOpacity = (_151 = props.startOpacity) !== null && _151 !== void 0 ? _151 : LineDefaults.startOpacity;
|
|
324
|
+
var endOpacity = (_152 = props.endOpacity) !== null && _152 !== void 0 ? _152 : LineDefaults.endOpacity;
|
|
325
|
+
var startOpacity1 = (_153 = props.startOpacity1) !== null && _153 !== void 0 ? _153 : startOpacity;
|
|
326
|
+
var endOpacity1 = (_154 = props.endOpacity1) !== null && _154 !== void 0 ? _154 : endOpacity;
|
|
327
|
+
var startFillColor2 = (_156 = (_155 = props.startFillColor2) !== null && _155 !== void 0 ? _155 : props.startFillColor) !== null && _156 !== void 0 ? _156 : LineDefaults.startFillColor;
|
|
328
|
+
var endFillColor2 = (_158 = (_157 = props.endFillColor2) !== null && _157 !== void 0 ? _157 : props.endFillColor) !== null && _158 !== void 0 ? _158 : LineDefaults.endFillColor;
|
|
329
|
+
var startOpacity2 = (_159 = props.startOpacity2) !== null && _159 !== void 0 ? _159 : startOpacity;
|
|
330
|
+
var endOpacity2 = (_160 = props.endOpacity2) !== null && _160 !== void 0 ? _160 : endOpacity;
|
|
331
|
+
var startFillColor3 = (_162 = (_161 = props.startFillColor3) !== null && _161 !== void 0 ? _161 : props.startFillColor) !== null && _162 !== void 0 ? _162 : LineDefaults.startFillColor;
|
|
332
|
+
var endFillColor3 = (_164 = (_163 = props.endFillColor3) !== null && _163 !== void 0 ? _163 : props.endFillColor) !== null && _164 !== void 0 ? _164 : LineDefaults.endFillColor;
|
|
333
|
+
var startOpacity3 = (_165 = props.startOpacity3) !== null && _165 !== void 0 ? _165 : startOpacity;
|
|
334
|
+
var endOpacity3 = (_166 = props.endOpacity3) !== null && _166 !== void 0 ? _166 : endOpacity;
|
|
335
|
+
var startFillColor4 = (_168 = (_167 = props.startFillColor4) !== null && _167 !== void 0 ? _167 : props.startFillColor) !== null && _168 !== void 0 ? _168 : LineDefaults.startFillColor;
|
|
336
|
+
var endFillColor4 = (_170 = (_169 = props.endFillColor4) !== null && _169 !== void 0 ? _169 : props.endFillColor) !== null && _170 !== void 0 ? _170 : LineDefaults.endFillColor;
|
|
337
|
+
var startOpacity4 = (_171 = props.startOpacity4) !== null && _171 !== void 0 ? _171 : startOpacity;
|
|
338
|
+
var endOpacity4 = (_172 = props.endOpacity4) !== null && _172 !== void 0 ? _172 : endOpacity;
|
|
339
|
+
var startFillColor5 = (_174 = (_173 = props.startFillColor5) !== null && _173 !== void 0 ? _173 : props.startFillColor) !== null && _174 !== void 0 ? _174 : LineDefaults.startFillColor;
|
|
340
|
+
var endFillColor5 = (_176 = (_175 = props.endFillColor5) !== null && _175 !== void 0 ? _175 : props.endFillColor) !== null && _176 !== void 0 ? _176 : LineDefaults.endFillColor;
|
|
341
|
+
var startOpacity5 = (_177 = props.startOpacity5) !== null && _177 !== void 0 ? _177 : startOpacity;
|
|
342
|
+
var endOpacity5 = (_178 = props.endOpacity5) !== null && _178 !== void 0 ? _178 : endOpacity;
|
|
343
|
+
defaultArrowConfig.strokeWidth = (_180 = (_179 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _179 === void 0 ? void 0 : _179.thickness) !== null && _180 !== void 0 ? _180 : thickness1;
|
|
344
|
+
defaultArrowConfig.strokeColor = (_182 = (_181 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _181 === void 0 ? void 0 : _181.color) !== null && _182 !== void 0 ? _182 : color1;
|
|
345
|
+
var _340 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _340.arrowLength1, arrowWidth1 = _340.arrowWidth1, arrowStrokeWidth1 = _340.arrowStrokeWidth1, arrowStrokeColor1 = _340.arrowStrokeColor1, arrowFillColor1 = _340.arrowFillColor1, showArrowBase1 = _340.showArrowBase1, arrowLength2 = _340.arrowLength2, arrowWidth2 = _340.arrowWidth2, arrowStrokeWidth2 = _340.arrowStrokeWidth2, arrowStrokeColor2 = _340.arrowStrokeColor2, arrowFillColor2 = _340.arrowFillColor2, showArrowBase2 = _340.showArrowBase2, arrowLength3 = _340.arrowLength3, arrowWidth3 = _340.arrowWidth3, arrowStrokeWidth3 = _340.arrowStrokeWidth3, arrowStrokeColor3 = _340.arrowStrokeColor3, arrowFillColor3 = _340.arrowFillColor3, showArrowBase3 = _340.showArrowBase3, arrowLength4 = _340.arrowLength4, arrowWidth4 = _340.arrowWidth4, arrowStrokeWidth4 = _340.arrowStrokeWidth4, arrowStrokeColor4 = _340.arrowStrokeColor4, arrowFillColor4 = _340.arrowFillColor4, showArrowBase4 = _340.showArrowBase4, arrowLength5 = _340.arrowLength5, arrowWidth5 = _340.arrowWidth5, arrowStrokeWidth5 = _340.arrowStrokeWidth5, arrowStrokeColor5 = _340.arrowStrokeColor5, arrowFillColor5 = _340.arrowFillColor5, showArrowBase5 = _340.showArrowBase5, arrowLengthsFromSet = _340.arrowLengthsFromSet, arrowWidthsFromSet = _340.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _340.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _340.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _340.arrowFillColorsFromSet, showArrowBasesFromSet = _340.showArrowBasesFromSet;
|
|
341
346
|
var secondaryLineConfig = {
|
|
342
|
-
zIndex: (
|
|
343
|
-
curved: (
|
|
344
|
-
curvature: (
|
|
345
|
-
curveType: (
|
|
346
|
-
areaChart: (
|
|
347
|
-
color: (
|
|
348
|
-
thickness: (
|
|
349
|
-
zIndex1: (
|
|
350
|
-
strokeDashArray: (
|
|
351
|
-
startIndex: (
|
|
352
|
-
endIndex: (
|
|
353
|
-
hideDataPoints: (
|
|
354
|
-
dataPointsHeight: (
|
|
355
|
-
dataPointsWidth: (
|
|
356
|
-
dataPointsRadius: (
|
|
357
|
-
dataPointsColor: (
|
|
358
|
-
dataPointsShape: (
|
|
359
|
-
showValuesAsDataPointsText: (
|
|
360
|
-
startFillColor: (
|
|
361
|
-
endFillColor: (
|
|
362
|
-
startOpacity: (
|
|
363
|
-
endOpacity: (
|
|
364
|
-
textFontSize: (
|
|
365
|
-
textColor: (
|
|
366
|
-
showArrow: (
|
|
367
|
-
arrowConfig: (
|
|
347
|
+
zIndex: (_184 = (_183 = props.secondaryLineConfig) === null || _183 === void 0 ? void 0 : _183.zIndex) !== null && _184 !== void 0 ? _184 : zIndex1,
|
|
348
|
+
curved: (_186 = (_185 = props.secondaryLineConfig) === null || _185 === void 0 ? void 0 : _185.curved) !== null && _186 !== void 0 ? _186 : props.curved,
|
|
349
|
+
curvature: (_188 = (_187 = props.secondaryLineConfig) === null || _187 === void 0 ? void 0 : _187.curvature) !== null && _188 !== void 0 ? _188 : curvature,
|
|
350
|
+
curveType: (_190 = (_189 = props.secondaryLineConfig) === null || _189 === void 0 ? void 0 : _189.curveType) !== null && _190 !== void 0 ? _190 : curveType,
|
|
351
|
+
areaChart: (_192 = (_191 = props.secondaryLineConfig) === null || _191 === void 0 ? void 0 : _191.areaChart) !== null && _192 !== void 0 ? _192 : areaChart,
|
|
352
|
+
color: (_194 = (_193 = props.secondaryLineConfig) === null || _193 === void 0 ? void 0 : _193.color) !== null && _194 !== void 0 ? _194 : color1,
|
|
353
|
+
thickness: (_196 = (_195 = props.secondaryLineConfig) === null || _195 === void 0 ? void 0 : _195.thickness) !== null && _196 !== void 0 ? _196 : thickness1,
|
|
354
|
+
zIndex1: (_198 = (_197 = props.secondaryLineConfig) === null || _197 === void 0 ? void 0 : _197.zIndex1) !== null && _198 !== void 0 ? _198 : zIndex1,
|
|
355
|
+
strokeDashArray: (_200 = (_199 = props.secondaryLineConfig) === null || _199 === void 0 ? void 0 : _199.strokeDashArray) !== null && _200 !== void 0 ? _200 : strokeDashArray1,
|
|
356
|
+
startIndex: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.startIndex) !== null && _202 !== void 0 ? _202 : startIndex1,
|
|
357
|
+
endIndex: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.endIndex) !== null && _204 !== void 0 ? _204 : endIndex1,
|
|
358
|
+
hideDataPoints: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.hideDataPoints) !== null && _206 !== void 0 ? _206 : hideDataPoints1,
|
|
359
|
+
dataPointsHeight: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.dataPointsHeight) !== null && _208 !== void 0 ? _208 : dataPointsHeight1,
|
|
360
|
+
dataPointsWidth: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.dataPointsWidth) !== null && _210 !== void 0 ? _210 : dataPointsWidth1,
|
|
361
|
+
dataPointsRadius: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.dataPointsRadius) !== null && _212 !== void 0 ? _212 : dataPointsRadius1,
|
|
362
|
+
dataPointsColor: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.dataPointsColor) !== null && _214 !== void 0 ? _214 : dataPointsColor1,
|
|
363
|
+
dataPointsShape: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.dataPointsShape) !== null && _216 !== void 0 ? _216 : dataPointsShape1,
|
|
364
|
+
showValuesAsDataPointsText: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.showValuesAsDataPointsText) !== null && _218 !== void 0 ? _218 : showValuesAsDataPointsText,
|
|
365
|
+
startFillColor: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.startFillColor) !== null && _220 !== void 0 ? _220 : startFillColor1,
|
|
366
|
+
endFillColor: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.endFillColor) !== null && _222 !== void 0 ? _222 : endFillColor1,
|
|
367
|
+
startOpacity: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.startOpacity) !== null && _224 !== void 0 ? _224 : startOpacity1,
|
|
368
|
+
endOpacity: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.endOpacity) !== null && _226 !== void 0 ? _226 : endOpacity1,
|
|
369
|
+
textFontSize: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.textFontSize) !== null && _228 !== void 0 ? _228 : textFontSize1,
|
|
370
|
+
textColor: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.textColor) !== null && _230 !== void 0 ? _230 : textColor1,
|
|
371
|
+
showArrow: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.showArrow) !== null && _232 !== void 0 ? _232 : props.showArrows,
|
|
372
|
+
arrowConfig: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.arrowConfig) !== null && _234 !== void 0 ? _234 : props.arrowConfig
|
|
368
373
|
};
|
|
369
374
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
370
375
|
? 0
|
|
371
|
-
: (
|
|
376
|
+
: (_235 = props.yAxisExtraHeight) !== null && _235 !== void 0 ? _235 : containerHeight / 20;
|
|
372
377
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
373
378
|
return ('M ' +
|
|
374
379
|
initialSpacing +
|
|
@@ -892,80 +897,81 @@ export var useLineChart = function (props) {
|
|
|
892
897
|
}
|
|
893
898
|
}
|
|
894
899
|
}, [secondaryData, secondaryLineConfig]);
|
|
895
|
-
var gradientDirection = (
|
|
900
|
+
var gradientDirection = (_236 = props.gradientDirection) !== null && _236 !== void 0 ? _236 : 'vertical';
|
|
896
901
|
var horizSections = [{ value: '0' }];
|
|
897
|
-
var stepHeight = (
|
|
898
|
-
var stepValue = (
|
|
899
|
-
var noOfSectionsBelowXAxis = (
|
|
900
|
-
var showXAxisIndices = (
|
|
901
|
-
var xAxisIndicesHeight = (
|
|
902
|
-
var xAxisIndicesWidth = (
|
|
903
|
-
var xAxisIndicesColor = (
|
|
904
|
-
var xAxisTextNumberOfLines = (
|
|
905
|
-
var xAxisLabelsVerticalShift = (
|
|
902
|
+
var stepHeight = (_237 = props.stepHeight) !== null && _237 !== void 0 ? _237 : containerHeight / noOfSections;
|
|
903
|
+
var stepValue = (_238 = props.stepValue) !== null && _238 !== void 0 ? _238 : maxValue / noOfSections;
|
|
904
|
+
var noOfSectionsBelowXAxis = (_239 = props.noOfSectionsBelowXAxis) !== null && _239 !== void 0 ? _239 : -mostNegativeValue / (stepValue || 1);
|
|
905
|
+
var showXAxisIndices = (_240 = props.showXAxisIndices) !== null && _240 !== void 0 ? _240 : AxesAndRulesDefaults.showXAxisIndices;
|
|
906
|
+
var xAxisIndicesHeight = (_241 = props.xAxisIndicesHeight) !== null && _241 !== void 0 ? _241 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
907
|
+
var xAxisIndicesWidth = (_242 = props.xAxisIndicesWidth) !== null && _242 !== void 0 ? _242 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
908
|
+
var xAxisIndicesColor = (_243 = props.xAxisIndicesColor) !== null && _243 !== void 0 ? _243 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
909
|
+
var xAxisTextNumberOfLines = (_244 = props.xAxisTextNumberOfLines) !== null && _244 !== void 0 ? _244 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
910
|
+
var xAxisLabelsVerticalShift = (_245 = props.xAxisLabelsVerticalShift) !== null && _245 !== void 0 ? _245 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
906
911
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
907
|
-
var showFractionalValues = (
|
|
912
|
+
var showFractionalValues = (_246 = props.showFractionalValues) !== null && _246 !== void 0 ? _246 : AxesAndRulesDefaults.showFractionalValues;
|
|
908
913
|
var horizontal = false;
|
|
909
914
|
var yAxisAtTop = false;
|
|
910
915
|
defaultPointerConfig.pointerStripHeight = containerHeight;
|
|
911
916
|
var pointerConfig = props.pointerConfig;
|
|
912
|
-
var getPointerProps = (
|
|
913
|
-
var pointerHeight = (
|
|
914
|
-
var pointerWidth = (
|
|
915
|
-
var pointerRadius = (
|
|
916
|
-
var pointerColor = (
|
|
917
|
-
var pointerComponent = (
|
|
917
|
+
var getPointerProps = (_247 = props.getPointerProps) !== null && _247 !== void 0 ? _247 : null;
|
|
918
|
+
var pointerHeight = (_248 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _248 !== void 0 ? _248 : defaultPointerConfig.height;
|
|
919
|
+
var pointerWidth = (_249 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _249 !== void 0 ? _249 : defaultPointerConfig.width;
|
|
920
|
+
var pointerRadius = (_250 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _250 !== void 0 ? _250 : defaultPointerConfig.radius;
|
|
921
|
+
var pointerColor = (_251 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _251 !== void 0 ? _251 : defaultPointerConfig.pointerColor;
|
|
922
|
+
var pointerComponent = (_252 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _252 !== void 0 ? _252 : defaultPointerConfig.pointerComponent;
|
|
918
923
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
919
924
|
? false
|
|
920
925
|
: defaultPointerConfig.showPointerStrip;
|
|
921
|
-
var pointerStripHeight = (
|
|
922
|
-
var pointerStripWidth = (
|
|
923
|
-
var pointerStripColor = (
|
|
924
|
-
var pointerStripUptoDataPoint = (
|
|
925
|
-
var pointerLabelComponent = (
|
|
926
|
-
var stripOverPointer = (
|
|
927
|
-
var shiftPointerLabelX = (
|
|
928
|
-
var shiftPointerLabelY = (
|
|
929
|
-
var pointerLabelWidth = (
|
|
930
|
-
var pointerLabelHeight = (
|
|
931
|
-
var autoAdjustPointerLabelPosition = (
|
|
932
|
-
var pointerVanishDelay = (
|
|
933
|
-
var activatePointersOnLongPress = (
|
|
934
|
-
var activatePointersDelay = (
|
|
935
|
-
var initialPointerIndex = (
|
|
936
|
-
var initialPointerAppearDelay = (
|
|
926
|
+
var pointerStripHeight = (_253 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _253 !== void 0 ? _253 : defaultPointerConfig.pointerStripHeight;
|
|
927
|
+
var pointerStripWidth = (_254 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _254 !== void 0 ? _254 : defaultPointerConfig.pointerStripWidth;
|
|
928
|
+
var pointerStripColor = (_255 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _255 !== void 0 ? _255 : defaultPointerConfig.pointerStripColor;
|
|
929
|
+
var pointerStripUptoDataPoint = (_256 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _256 !== void 0 ? _256 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
930
|
+
var pointerLabelComponent = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.pointerLabelComponent;
|
|
931
|
+
var stripOverPointer = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.stripOverPointer;
|
|
932
|
+
var shiftPointerLabelX = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.shiftPointerLabelX;
|
|
933
|
+
var shiftPointerLabelY = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.shiftPointerLabelY;
|
|
934
|
+
var pointerLabelWidth = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerLabelWidth;
|
|
935
|
+
var pointerLabelHeight = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.pointerLabelHeight;
|
|
936
|
+
var autoAdjustPointerLabelPosition = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
937
|
+
var pointerVanishDelay = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.pointerVanishDelay;
|
|
938
|
+
var activatePointersOnLongPress = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.activatePointersOnLongPress;
|
|
939
|
+
var activatePointersDelay = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.activatePointersDelay;
|
|
940
|
+
var initialPointerIndex = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.initialPointerIndex;
|
|
941
|
+
var initialPointerAppearDelay = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _268 !== void 0 ? _268 : (isAnimated
|
|
937
942
|
? animationDuration
|
|
938
943
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
939
|
-
var persistPointer = (
|
|
940
|
-
var hidePointer1 = (
|
|
941
|
-
var hidePointer2 = (
|
|
942
|
-
var hidePointer3 = (
|
|
943
|
-
var hidePointer4 = (
|
|
944
|
-
var hidePointer5 = (
|
|
945
|
-
var hideSecondaryPointer = (
|
|
946
|
-
var resetPointerOnDataChange = (
|
|
944
|
+
var persistPointer = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.persistPointer;
|
|
945
|
+
var hidePointer1 = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.hidePointer1;
|
|
946
|
+
var hidePointer2 = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.hidePointer2;
|
|
947
|
+
var hidePointer3 = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.hidePointer3;
|
|
948
|
+
var hidePointer4 = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.hidePointer4;
|
|
949
|
+
var hidePointer5 = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.hidePointer5;
|
|
950
|
+
var hideSecondaryPointer = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.hideSecondaryPointer;
|
|
951
|
+
var resetPointerOnDataChange = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.resetPointerOnDataChange;
|
|
947
952
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
948
|
-
var disableScroll = (
|
|
953
|
+
var disableScroll = (_277 = props.disableScroll) !== null && _277 !== void 0 ? _277 : (pointerConfig
|
|
949
954
|
? activatePointersOnLongPress
|
|
950
955
|
? !!responderActive
|
|
951
956
|
: true
|
|
952
957
|
: false);
|
|
953
|
-
var showScrollIndicator = (
|
|
954
|
-
var focusEnabled = (
|
|
955
|
-
var showDataPointOnFocus = (
|
|
956
|
-
var showStripOnFocus = (
|
|
957
|
-
var showTextOnFocus = (
|
|
958
|
+
var showScrollIndicator = (_278 = props.showScrollIndicator) !== null && _278 !== void 0 ? _278 : LineDefaults.showScrollIndicator;
|
|
959
|
+
var focusEnabled = (_279 = props.focusEnabled) !== null && _279 !== void 0 ? _279 : LineDefaults.focusEnabled;
|
|
960
|
+
var showDataPointOnFocus = (_280 = props.showDataPointOnFocus) !== null && _280 !== void 0 ? _280 : LineDefaults.showDataPointOnFocus;
|
|
961
|
+
var showStripOnFocus = (_281 = props.showStripOnFocus) !== null && _281 !== void 0 ? _281 : LineDefaults.showStripOnFocus;
|
|
962
|
+
var showTextOnFocus = (_282 = props.showTextOnFocus) !== null && _282 !== void 0 ? _282 : LineDefaults.showTextOnFocus;
|
|
963
|
+
var showDataPointLabelOnFocus = (_283 = props.showDataPointLabelOnFocus) !== null && _283 !== void 0 ? _283 : LineDefaults.showDataPointLabelOnFocus;
|
|
958
964
|
var stripHeight = props.stripHeight;
|
|
959
|
-
var stripWidth = (
|
|
960
|
-
var stripColor = (
|
|
961
|
-
var stripOpacity = (
|
|
962
|
-
var unFocusOnPressOut = (
|
|
963
|
-
var delayBeforeUnFocus = (
|
|
965
|
+
var stripWidth = (_284 = props.stripWidth) !== null && _284 !== void 0 ? _284 : LineDefaults.stripWidth;
|
|
966
|
+
var stripColor = (_285 = props.stripColor) !== null && _285 !== void 0 ? _285 : color1;
|
|
967
|
+
var stripOpacity = (_286 = props.stripOpacity) !== null && _286 !== void 0 ? _286 : (startOpacity1 + endOpacity1) / 2;
|
|
968
|
+
var unFocusOnPressOut = (_287 = props.unFocusOnPressOut) !== null && _287 !== void 0 ? _287 : LineDefaults.unFocusOnPressOut;
|
|
969
|
+
var delayBeforeUnFocus = (_288 = props.delayBeforeUnFocus) !== null && _288 !== void 0 ? _288 : LineDefaults.delayBeforeUnFocus;
|
|
964
970
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
965
|
-
var lineGradient = (
|
|
966
|
-
var lineGradientDirection = (
|
|
967
|
-
var lineGradientStartColor = (
|
|
968
|
-
var lineGradientEndColor = (
|
|
971
|
+
var lineGradient = (_289 = props.lineGradient) !== null && _289 !== void 0 ? _289 : LineDefaults.lineGradient;
|
|
972
|
+
var lineGradientDirection = (_290 = props.lineGradientDirection) !== null && _290 !== void 0 ? _290 : 'vertical';
|
|
973
|
+
var lineGradientStartColor = (_291 = props.lineGradientStartColor) !== null && _291 !== void 0 ? _291 : LineDefaults.lineGradientStartColor;
|
|
974
|
+
var lineGradientEndColor = (_292 = props.lineGradientEndColor) !== null && _292 !== void 0 ? _292 : LineDefaults.lineGradientEndColor;
|
|
969
975
|
var getPointerY = function (value) {
|
|
970
976
|
return value
|
|
971
977
|
? containerHeight -
|
|
@@ -977,23 +983,36 @@ export var useLineChart = function (props) {
|
|
|
977
983
|
var initialisePointers = function () {
|
|
978
984
|
var _a, _b, _c, _d;
|
|
979
985
|
if (initialPointerIndex !== -1) {
|
|
980
|
-
var item_1 = (data0 !== null && data0 !== void 0 ? data0 : data)[initialPointerIndex];
|
|
981
986
|
var x_1 = initialSpacing +
|
|
982
987
|
spacing * initialPointerIndex -
|
|
983
988
|
(pointerRadius || pointerWidth / 2) -
|
|
984
989
|
1;
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
990
|
+
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
991
|
+
var item_1 = dataSet[0].data[initialPointerIndex];
|
|
992
|
+
if (initialPointerAppearDelay) {
|
|
993
|
+
setTimeout(function () {
|
|
994
|
+
setPointerConfigForDataSet(initialPointerIndex, item_1, x_1);
|
|
995
|
+
}, initialPointerAppearDelay);
|
|
996
|
+
}
|
|
997
|
+
else {
|
|
998
|
+
setPointerConfigForDataSet(initialPointerIndex, item_1, x_1);
|
|
999
|
+
}
|
|
994
1000
|
}
|
|
995
1001
|
else {
|
|
996
|
-
|
|
1002
|
+
var item_2 = (data0 !== null && data0 !== void 0 ? data0 : data)[initialPointerIndex];
|
|
1003
|
+
var y_1 = getPointerY(item_2.value);
|
|
1004
|
+
var y2_1 = getPointerY((_a = data2 === null || data2 === void 0 ? void 0 : data2[initialPointerIndex]) === null || _a === void 0 ? void 0 : _a.value);
|
|
1005
|
+
var y3_1 = getPointerY((_b = data3 === null || data3 === void 0 ? void 0 : data3[initialPointerIndex]) === null || _b === void 0 ? void 0 : _b.value);
|
|
1006
|
+
var y4_1 = getPointerY((_c = data4 === null || data4 === void 0 ? void 0 : data4[initialPointerIndex]) === null || _c === void 0 ? void 0 : _c.value);
|
|
1007
|
+
var y5_1 = getPointerY((_d = data5 === null || data5 === void 0 ? void 0 : data5[initialPointerIndex]) === null || _d === void 0 ? void 0 : _d.value);
|
|
1008
|
+
if (initialPointerAppearDelay) {
|
|
1009
|
+
setTimeout(function () {
|
|
1010
|
+
setPointerConfig(initialPointerIndex, item_2, x_1, y_1, y2_1, y3_1, y4_1, y5_1);
|
|
1011
|
+
}, initialPointerAppearDelay);
|
|
1012
|
+
}
|
|
1013
|
+
else {
|
|
1014
|
+
setPointerConfig(initialPointerIndex, item_2, x_1, y_1, y2_1, y3_1, y4_1, y5_1);
|
|
1015
|
+
}
|
|
997
1016
|
}
|
|
998
1017
|
}
|
|
999
1018
|
};
|
|
@@ -1015,6 +1034,19 @@ export var useLineChart = function (props) {
|
|
|
1015
1034
|
setPointerY4(y4);
|
|
1016
1035
|
setPointerY5(y5);
|
|
1017
1036
|
};
|
|
1037
|
+
var setPointerConfigForDataSet = function (initialPointerIndex, item, x) {
|
|
1038
|
+
var _a;
|
|
1039
|
+
setPointerIndex(initialPointerIndex);
|
|
1040
|
+
setPointerItem(item);
|
|
1041
|
+
setPointerX(x);
|
|
1042
|
+
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 : [];
|
|
1043
|
+
setPointerYsForDataSet(initialPointerYs);
|
|
1044
|
+
};
|
|
1045
|
+
var dataPointsRadius = (_294 = (_293 = props.dataPointsRadius1) !== null && _293 !== void 0 ? _293 : props.dataPointsRadius) !== null && _294 !== void 0 ? _294 : LineDefaults.dataPointsRadius;
|
|
1046
|
+
var dataPointsWidth = (_296 = (_295 = props.dataPointsWidth1) !== null && _295 !== void 0 ? _295 : props.dataPointsWidth) !== null && _296 !== void 0 ? _296 : LineDefaults.dataPointsWidth;
|
|
1047
|
+
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1048
|
+
? 0
|
|
1049
|
+
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
1018
1050
|
var barAndLineChartsWrapperProps = {
|
|
1019
1051
|
chartType: chartTypes.LINE,
|
|
1020
1052
|
containerHeight: containerHeight,
|
|
@@ -1076,8 +1108,9 @@ export var useLineChart = function (props) {
|
|
|
1076
1108
|
pointerY: pointerY,
|
|
1077
1109
|
onEndReached: props.onEndReached,
|
|
1078
1110
|
onStartReached: props.onStartReached,
|
|
1079
|
-
endReachedOffset: (
|
|
1080
|
-
onMomentumScrollEnd: props.onMomentumScrollEnd
|
|
1111
|
+
endReachedOffset: (_297 = props.endReachedOffset) !== null && _297 !== void 0 ? _297 : LineDefaults.endReachedOffset,
|
|
1112
|
+
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1113
|
+
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1081
1114
|
};
|
|
1082
1115
|
return {
|
|
1083
1116
|
curvature: curvature,
|
|
@@ -1118,6 +1151,8 @@ export var useLineChart = function (props) {
|
|
|
1118
1151
|
setPointerItem4: setPointerItem4,
|
|
1119
1152
|
pointerY5: pointerY5,
|
|
1120
1153
|
setPointerY5: setPointerY5,
|
|
1154
|
+
pointerYsForDataSet: pointerYsForDataSet,
|
|
1155
|
+
setPointerYsForDataSet: setPointerYsForDataSet,
|
|
1121
1156
|
pointerItem5: pointerItem5,
|
|
1122
1157
|
setPointerItem5: setPointerItem5,
|
|
1123
1158
|
secondaryPointerY: secondaryPointerY,
|
|
@@ -1407,6 +1442,7 @@ export var useLineChart = function (props) {
|
|
|
1407
1442
|
showDataPointOnFocus: showDataPointOnFocus,
|
|
1408
1443
|
showStripOnFocus: showStripOnFocus,
|
|
1409
1444
|
showTextOnFocus: showTextOnFocus,
|
|
1445
|
+
showDataPointLabelOnFocus: showDataPointLabelOnFocus,
|
|
1410
1446
|
stripHeight: stripHeight,
|
|
1411
1447
|
stripWidth: stripWidth,
|
|
1412
1448
|
stripColor: stripColor,
|
|
@@ -1420,7 +1456,6 @@ export var useLineChart = function (props) {
|
|
|
1420
1456
|
lineGradientEndColor: lineGradientEndColor,
|
|
1421
1457
|
getPointerY: getPointerY,
|
|
1422
1458
|
initialisePointers: initialisePointers,
|
|
1423
|
-
setPointerConfig: setPointerConfig,
|
|
1424
1459
|
barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
|
|
1425
1460
|
yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
|
|
1426
1461
|
};
|