gifted-charts-core 0.1.7 → 0.1.9
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 +2 -2
- package/src/BarChart/RenderStackBars.js.map +1 -0
- package/src/BarChart/RenderStackBars.ts +3 -2
- package/src/BarChart/index.d.ts +3 -0
- package/src/BarChart/index.js +16 -10
- package/src/BarChart/index.js.map +1 -0
- package/src/BarChart/index.ts +16 -4
- package/src/BarChart/types.d.ts +8 -0
- package/src/BarChart/types.js.map +1 -0
- package/src/BarChart/types.ts +8 -0
- package/src/LineChart/LineChartBiColor.js +13 -7
- package/src/LineChart/LineChartBiColor.js.map +1 -0
- package/src/LineChart/LineChartBiColor.ts +24 -13
- package/src/LineChart/index.js +273 -263
- package/src/LineChart/index.js.map +1 -0
- package/src/LineChart/index.ts +24 -3
- package/src/LineChart/types.d.ts +1 -0
- package/src/LineChart/types.js.map +1 -0
- package/src/LineChart/types.ts +2 -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.js.map +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 +1 -0
- package/src/utils/types.js.map +1 -0
- package/src/utils/types.ts +1 -0
package/src/LineChart/index.js
CHANGED
|
@@ -30,52 +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, _292;
|
|
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
|
|
76
|
-
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]);
|
|
77
81
|
var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
|
|
78
|
-
var containerHeight = (
|
|
82
|
+
var containerHeight = (_d = props.height) !== null && _d !== void 0 ? _d : (((_e = props.stepHeight) !== null && _e !== void 0 ? _e : 0) * noOfSections ||
|
|
79
83
|
AxesAndRulesDefaults.containerHeight);
|
|
80
84
|
var dataSanitisationProps = {
|
|
81
85
|
showDataPointsForMissingValues: showDataPointsForMissingValues,
|
|
@@ -88,7 +92,7 @@ export var useLineChart = function (props) {
|
|
|
88
92
|
var data3 = useMemo(function () { return getSanitisedData(props.data3, dataSanitisationProps); }, [yAxisOffset, props.data3]);
|
|
89
93
|
var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
|
|
90
94
|
var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
|
|
91
|
-
var secondaryData = (
|
|
95
|
+
var secondaryData = (_f = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _f !== void 0 ? _f : [];
|
|
92
96
|
var dataSet = props.dataSet;
|
|
93
97
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
94
98
|
dataSet = useMemo(function () {
|
|
@@ -98,18 +102,18 @@ export var useLineChart = function (props) {
|
|
|
98
102
|
});
|
|
99
103
|
}, [yAxisOffset, dataSet]);
|
|
100
104
|
}
|
|
101
|
-
var data0 = (
|
|
102
|
-
var scrollToEnd = (
|
|
103
|
-
var scrollAnimation = (
|
|
104
|
-
var scrollEventThrottle = (
|
|
105
|
-
var labelsExtraHeight = (
|
|
106
|
-
var animationDuration = (
|
|
107
|
-
var onDataChangeAnimationDuration = (
|
|
108
|
-
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;
|
|
109
113
|
var animateOnDataChange = yAxisOffset
|
|
110
114
|
? false
|
|
111
|
-
: (
|
|
112
|
-
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;
|
|
113
117
|
var endIndex1;
|
|
114
118
|
if (props.endIndex1 === undefined || props.endIndex1 === null) {
|
|
115
119
|
if (props.endIndex === undefined || props.endIndex === null) {
|
|
@@ -122,14 +126,14 @@ export var useLineChart = function (props) {
|
|
|
122
126
|
else {
|
|
123
127
|
endIndex1 = props.endIndex1;
|
|
124
128
|
}
|
|
125
|
-
var startIndex2 = (
|
|
126
|
-
var endIndex2 = (
|
|
127
|
-
var startIndex3 = (
|
|
128
|
-
var endIndex3 = (
|
|
129
|
-
var startIndex4 = (
|
|
130
|
-
var endIndex4 = (
|
|
131
|
-
var startIndex5 = (
|
|
132
|
-
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;
|
|
133
137
|
var lineSegments = !interpolateMissingValues
|
|
134
138
|
? getLineSegmentsForMissingValues(props.data)
|
|
135
139
|
: props.lineSegments;
|
|
@@ -149,50 +153,50 @@ export var useLineChart = function (props) {
|
|
|
149
153
|
var newPoints = '';
|
|
150
154
|
var newFillPoints = '';
|
|
151
155
|
var counter = 0;
|
|
152
|
-
var adjustToWidth = (
|
|
153
|
-
var initialSpacing = (
|
|
154
|
-
var endSpacing = (
|
|
155
|
-
var thickness = (
|
|
156
|
-
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
|
|
157
161
|
? AxesAndRulesDefaults.yAxisEmptyLabelWidth
|
|
158
162
|
: AxesAndRulesDefaults.yAxisLabelWidth);
|
|
159
|
-
var spacing = (
|
|
160
|
-
? (((
|
|
163
|
+
var spacing = (_6 = props.spacing) !== null && _6 !== void 0 ? _6 : (adjustToWidth
|
|
164
|
+
? (((_7 = props.width) !== null && _7 !== void 0 ? _7 : parentWidth - yAxisLabelWidth) - initialSpacing) /
|
|
161
165
|
Math.max((data0 !== null && data0 !== void 0 ? data0 : data).length - 1, 1)
|
|
162
166
|
: LineDefaults.spacing);
|
|
163
|
-
var xAxisThickness = (
|
|
164
|
-
var dataPointsHeight1 = (
|
|
165
|
-
var dataPointsWidth1 = (
|
|
166
|
-
var dataPointsRadius1 = (
|
|
167
|
-
var dataPointsColor1 = (
|
|
168
|
-
var dataPointsShape1 = (
|
|
169
|
-
var dataPointsHeight2 = (
|
|
170
|
-
var dataPointsWidth2 = (
|
|
171
|
-
var dataPointsRadius2 = (
|
|
172
|
-
var dataPointsColor2 = (
|
|
173
|
-
var dataPointsShape2 = (
|
|
174
|
-
var dataPointsHeight3 = (
|
|
175
|
-
var dataPointsWidth3 = (
|
|
176
|
-
var dataPointsRadius3 = (
|
|
177
|
-
var dataPointsColor3 = (
|
|
178
|
-
var dataPointsShape3 = (
|
|
179
|
-
var dataPointsHeight4 = (
|
|
180
|
-
var dataPointsWidth4 = (
|
|
181
|
-
var dataPointsRadius4 = (
|
|
182
|
-
var dataPointsColor4 = (
|
|
183
|
-
var dataPointsShape4 = (
|
|
184
|
-
var dataPointsHeight5 = (
|
|
185
|
-
var dataPointsWidth5 = (
|
|
186
|
-
var dataPointsRadius5 = (
|
|
187
|
-
var dataPointsColor5 = (
|
|
188
|
-
var dataPointsShape5 = (
|
|
189
|
-
var areaChart = (
|
|
190
|
-
var areaChart1 = (
|
|
191
|
-
var areaChart2 = (
|
|
192
|
-
var areaChart3 = (
|
|
193
|
-
var areaChart4 = (
|
|
194
|
-
var areaChart5 = (
|
|
195
|
-
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;
|
|
196
200
|
var getIsNthAreaChart = function (n) {
|
|
197
201
|
if (areaChart)
|
|
198
202
|
return true;
|
|
@@ -212,35 +216,35 @@ export var useLineChart = function (props) {
|
|
|
212
216
|
}
|
|
213
217
|
return false;
|
|
214
218
|
};
|
|
215
|
-
var stepChart = (
|
|
216
|
-
var stepChart1 = (
|
|
217
|
-
var stepChart2 = (
|
|
218
|
-
var stepChart3 = (
|
|
219
|
-
var stepChart4 = (
|
|
220
|
-
var stepChart5 = (
|
|
221
|
-
var edgePosition = (
|
|
222
|
-
var textFontSize1 = (
|
|
223
|
-
var textFontSize2 = (
|
|
224
|
-
var textFontSize3 = (
|
|
225
|
-
var textFontSize4 = (
|
|
226
|
-
var textFontSize5 = (
|
|
227
|
-
var textColor1 = (
|
|
228
|
-
var textColor2 = (
|
|
229
|
-
var textColor3 = (
|
|
230
|
-
var textColor4 = (
|
|
231
|
-
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;
|
|
232
236
|
var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length;
|
|
233
|
-
var
|
|
237
|
+
var _339 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _339.maxItem, minItem = _339.minItem;
|
|
234
238
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
|
|
235
|
-
var mostNegativeValue = (
|
|
236
|
-
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;
|
|
237
241
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
238
242
|
var getX = function (index) { return initialSpacing + spacing * index - 1; };
|
|
239
243
|
var getY = function (value) {
|
|
240
244
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
241
245
|
};
|
|
242
|
-
var secondaryMaxItem = computeMaxAndMinItems(secondaryData, (
|
|
243
|
-
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);
|
|
244
248
|
var getSecondaryY = function (value) {
|
|
245
249
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
246
250
|
};
|
|
@@ -286,90 +290,90 @@ export var useLineChart = function (props) {
|
|
|
286
290
|
}
|
|
287
291
|
}
|
|
288
292
|
};
|
|
289
|
-
var showValuesAsDataPointsText = (
|
|
290
|
-
var thickness1 = (
|
|
291
|
-
var thickness2 = (
|
|
292
|
-
var thickness3 = (
|
|
293
|
-
var thickness4 = (
|
|
294
|
-
var thickness5 = (
|
|
295
|
-
var zIndex1 = (
|
|
296
|
-
var zIndex2 = (
|
|
297
|
-
var zIndex3 = (
|
|
298
|
-
var zIndex4 = (
|
|
299
|
-
var zIndex5 = (
|
|
300
|
-
var strokeDashArray1 = (
|
|
301
|
-
var strokeDashArray2 = (
|
|
302
|
-
var strokeDashArray3 = (
|
|
303
|
-
var strokeDashArray4 = (
|
|
304
|
-
var strokeDashArray5 = (
|
|
305
|
-
var rotateLabel = (
|
|
306
|
-
var isAnimated = (
|
|
307
|
-
var hideDataPoints1 = (
|
|
308
|
-
var hideDataPoints2 = (
|
|
309
|
-
var hideDataPoints3 = (
|
|
310
|
-
var hideDataPoints4 = (
|
|
311
|
-
var hideDataPoints5 = (
|
|
312
|
-
var color1 = (
|
|
313
|
-
var color2 = (
|
|
314
|
-
var color3 = (
|
|
315
|
-
var color4 = (
|
|
316
|
-
var color5 = (
|
|
317
|
-
var startFillColor1 = (
|
|
318
|
-
var endFillColor1 = (
|
|
319
|
-
var startOpacity = (
|
|
320
|
-
var endOpacity = (
|
|
321
|
-
var startOpacity1 = (
|
|
322
|
-
var endOpacity1 = (
|
|
323
|
-
var startFillColor2 = (
|
|
324
|
-
var endFillColor2 = (
|
|
325
|
-
var startOpacity2 = (
|
|
326
|
-
var endOpacity2 = (
|
|
327
|
-
var startFillColor3 = (
|
|
328
|
-
var endFillColor3 = (
|
|
329
|
-
var startOpacity3 = (
|
|
330
|
-
var endOpacity3 = (
|
|
331
|
-
var startFillColor4 = (
|
|
332
|
-
var endFillColor4 = (
|
|
333
|
-
var startOpacity4 = (
|
|
334
|
-
var endOpacity4 = (
|
|
335
|
-
var startFillColor5 = (
|
|
336
|
-
var endFillColor5 = (
|
|
337
|
-
var startOpacity5 = (
|
|
338
|
-
var endOpacity5 = (
|
|
339
|
-
defaultArrowConfig.strokeWidth = (
|
|
340
|
-
defaultArrowConfig.strokeColor = (
|
|
341
|
-
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;
|
|
342
346
|
var secondaryLineConfig = {
|
|
343
|
-
zIndex: (
|
|
344
|
-
curved: (
|
|
345
|
-
curvature: (
|
|
346
|
-
curveType: (
|
|
347
|
-
areaChart: (
|
|
348
|
-
color: (
|
|
349
|
-
thickness: (
|
|
350
|
-
zIndex1: (
|
|
351
|
-
strokeDashArray: (
|
|
352
|
-
startIndex: (
|
|
353
|
-
endIndex: (
|
|
354
|
-
hideDataPoints: (
|
|
355
|
-
dataPointsHeight: (
|
|
356
|
-
dataPointsWidth: (
|
|
357
|
-
dataPointsRadius: (
|
|
358
|
-
dataPointsColor: (
|
|
359
|
-
dataPointsShape: (
|
|
360
|
-
showValuesAsDataPointsText: (
|
|
361
|
-
startFillColor: (
|
|
362
|
-
endFillColor: (
|
|
363
|
-
startOpacity: (
|
|
364
|
-
endOpacity: (
|
|
365
|
-
textFontSize: (
|
|
366
|
-
textColor: (
|
|
367
|
-
showArrow: (
|
|
368
|
-
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
|
|
369
373
|
};
|
|
370
374
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
371
375
|
? 0
|
|
372
|
-
: (
|
|
376
|
+
: (_235 = props.yAxisExtraHeight) !== null && _235 !== void 0 ? _235 : containerHeight / 20;
|
|
373
377
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
374
378
|
return ('M ' +
|
|
375
379
|
initialSpacing +
|
|
@@ -893,81 +897,81 @@ export var useLineChart = function (props) {
|
|
|
893
897
|
}
|
|
894
898
|
}
|
|
895
899
|
}, [secondaryData, secondaryLineConfig]);
|
|
896
|
-
var gradientDirection = (
|
|
900
|
+
var gradientDirection = (_236 = props.gradientDirection) !== null && _236 !== void 0 ? _236 : 'vertical';
|
|
897
901
|
var horizSections = [{ value: '0' }];
|
|
898
|
-
var stepHeight = (
|
|
899
|
-
var stepValue = (
|
|
900
|
-
var noOfSectionsBelowXAxis = (
|
|
901
|
-
var showXAxisIndices = (
|
|
902
|
-
var xAxisIndicesHeight = (
|
|
903
|
-
var xAxisIndicesWidth = (
|
|
904
|
-
var xAxisIndicesColor = (
|
|
905
|
-
var xAxisTextNumberOfLines = (
|
|
906
|
-
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 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
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;
|
|
907
911
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
908
|
-
var showFractionalValues = (
|
|
912
|
+
var showFractionalValues = (_246 = props.showFractionalValues) !== null && _246 !== void 0 ? _246 : AxesAndRulesDefaults.showFractionalValues;
|
|
909
913
|
var horizontal = false;
|
|
910
914
|
var yAxisAtTop = false;
|
|
911
915
|
defaultPointerConfig.pointerStripHeight = containerHeight;
|
|
912
916
|
var pointerConfig = props.pointerConfig;
|
|
913
|
-
var getPointerProps = (
|
|
914
|
-
var pointerHeight = (
|
|
915
|
-
var pointerWidth = (
|
|
916
|
-
var pointerRadius = (
|
|
917
|
-
var pointerColor = (
|
|
918
|
-
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;
|
|
919
923
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
920
924
|
? false
|
|
921
925
|
: defaultPointerConfig.showPointerStrip;
|
|
922
|
-
var pointerStripHeight = (
|
|
923
|
-
var pointerStripWidth = (
|
|
924
|
-
var pointerStripColor = (
|
|
925
|
-
var pointerStripUptoDataPoint = (
|
|
926
|
-
var pointerLabelComponent = (
|
|
927
|
-
var stripOverPointer = (
|
|
928
|
-
var shiftPointerLabelX = (
|
|
929
|
-
var shiftPointerLabelY = (
|
|
930
|
-
var pointerLabelWidth = (
|
|
931
|
-
var pointerLabelHeight = (
|
|
932
|
-
var autoAdjustPointerLabelPosition = (
|
|
933
|
-
var pointerVanishDelay = (
|
|
934
|
-
var activatePointersOnLongPress = (
|
|
935
|
-
var activatePointersDelay = (
|
|
936
|
-
var initialPointerIndex = (
|
|
937
|
-
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
|
|
938
942
|
? animationDuration
|
|
939
943
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
940
|
-
var persistPointer = (
|
|
941
|
-
var hidePointer1 = (
|
|
942
|
-
var hidePointer2 = (
|
|
943
|
-
var hidePointer3 = (
|
|
944
|
-
var hidePointer4 = (
|
|
945
|
-
var hidePointer5 = (
|
|
946
|
-
var hideSecondaryPointer = (
|
|
947
|
-
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;
|
|
948
952
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
949
|
-
var disableScroll = (
|
|
953
|
+
var disableScroll = (_277 = props.disableScroll) !== null && _277 !== void 0 ? _277 : (pointerConfig
|
|
950
954
|
? activatePointersOnLongPress
|
|
951
955
|
? !!responderActive
|
|
952
956
|
: true
|
|
953
957
|
: false);
|
|
954
|
-
var showScrollIndicator = (
|
|
955
|
-
var focusEnabled = (
|
|
956
|
-
var showDataPointOnFocus = (
|
|
957
|
-
var showStripOnFocus = (
|
|
958
|
-
var showTextOnFocus = (
|
|
959
|
-
var showDataPointLabelOnFocus = (
|
|
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;
|
|
960
964
|
var stripHeight = props.stripHeight;
|
|
961
|
-
var stripWidth = (
|
|
962
|
-
var stripColor = (
|
|
963
|
-
var stripOpacity = (
|
|
964
|
-
var unFocusOnPressOut = (
|
|
965
|
-
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;
|
|
966
970
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
967
|
-
var lineGradient = (
|
|
968
|
-
var lineGradientDirection = (
|
|
969
|
-
var lineGradientStartColor = (
|
|
970
|
-
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;
|
|
971
975
|
var getPointerY = function (value) {
|
|
972
976
|
return value
|
|
973
977
|
? containerHeight -
|
|
@@ -1038,6 +1042,11 @@ export var useLineChart = function (props) {
|
|
|
1038
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 : [];
|
|
1039
1043
|
setPointerYsForDataSet(initialPointerYs);
|
|
1040
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;
|
|
1041
1050
|
var barAndLineChartsWrapperProps = {
|
|
1042
1051
|
chartType: chartTypes.LINE,
|
|
1043
1052
|
containerHeight: containerHeight,
|
|
@@ -1099,8 +1108,9 @@ export var useLineChart = function (props) {
|
|
|
1099
1108
|
pointerY: pointerY,
|
|
1100
1109
|
onEndReached: props.onEndReached,
|
|
1101
1110
|
onStartReached: props.onStartReached,
|
|
1102
|
-
endReachedOffset: (
|
|
1103
|
-
onMomentumScrollEnd: props.onMomentumScrollEnd
|
|
1111
|
+
endReachedOffset: (_297 = props.endReachedOffset) !== null && _297 !== void 0 ? _297 : LineDefaults.endReachedOffset,
|
|
1112
|
+
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1113
|
+
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1104
1114
|
};
|
|
1105
1115
|
return {
|
|
1106
1116
|
curvature: curvature,
|