gifted-charts-core 0.1.67 → 0.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LineChart/index.js +297 -298
- package/dist/PopulationPyramid/index.js +1 -1
- package/dist/RadarChart/index.d.ts +1 -0
- package/dist/RadarChart/index.js +32 -31
- package/dist/RadarChart/types.d.ts +2 -0
- package/dist/components/BarAndLineChartsWrapper/index.js +3 -1
- package/dist/utils/constants.d.ts +2 -0
- package/dist/utils/constants.js +3 -1
- package/package.json +1 -1
package/dist/LineChart/index.js
CHANGED
|
@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
|
|
|
39
39
|
import { colorsToLowerCase, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
|
|
40
40
|
import { EdgePosition } from '../utils/types';
|
|
41
41
|
export var useLineChart = function (props) {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336, _337, _338
|
|
43
|
-
var showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
42
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336, _337, _338;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _339 = props.interpolateMissingValues, interpolateMissingValues = _339 === void 0 ? true : _339, _340 = props.extrapolateMissingValues, extrapolateMissingValues = _340 === void 0 ? true : _340, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, renderTooltip = props.renderTooltip, _341 = props.renderTooltip1, renderTooltip1 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip2, renderTooltip2 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip3, renderTooltip3 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltip4, renderTooltip4 = _344 === void 0 ? props.renderTooltip : _344, _345 = props.renderTooltip5, renderTooltip5 = _345 === void 0 ? props.renderTooltip : _345, _346 = props.renderTooltipSecondary, renderTooltipSecondary = _346 === void 0 ? props.renderTooltip : _346;
|
|
44
44
|
var lastLineNumber = 1;
|
|
45
45
|
if (props.secondaryData) {
|
|
46
46
|
lastLineNumber = 6667; // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
|
|
@@ -63,48 +63,48 @@ export var useLineChart = function (props) {
|
|
|
63
63
|
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
64
64
|
var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
|
|
65
65
|
var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
var
|
|
106
|
-
var
|
|
107
|
-
var
|
|
66
|
+
var _347 = __read(useState(0), 2), scrollX = _347[0], setScrollX = _347[1];
|
|
67
|
+
var _348 = __read(useState(''), 2), arrow1Points = _348[0], setArrow1Points = _348[1];
|
|
68
|
+
var _349 = __read(useState(''), 2), arrow2Points = _349[0], setArrow2Points = _349[1];
|
|
69
|
+
var _350 = __read(useState(''), 2), arrow3Points = _350[0], setArrow3Points = _350[1];
|
|
70
|
+
var _351 = __read(useState(''), 2), arrow4Points = _351[0], setArrow4Points = _351[1];
|
|
71
|
+
var _352 = __read(useState(''), 2), arrow5Points = _352[0], setArrow5Points = _352[1];
|
|
72
|
+
var _353 = __read(useState(''), 2), secondaryArrowPoints = _353[0], setSecondaryArrowPoints = _353[1];
|
|
73
|
+
var _354 = __read(useState(-1), 2), pointerIndex = _354[0], setPointerIndex = _354[1];
|
|
74
|
+
var _355 = __read(useState(0), 2), pointerX = _355[0], setPointerX = _355[1];
|
|
75
|
+
var _356 = __read(useState(0), 2), pointerY = _356[0], setPointerY = _356[1];
|
|
76
|
+
var _357 = __read(useState(), 2), pointerItem = _357[0], setPointerItem = _357[1];
|
|
77
|
+
var _358 = __read(useState(0), 2), pointerY2 = _358[0], setPointerY2 = _358[1];
|
|
78
|
+
var _359 = __read(useState(), 2), pointerItem2 = _359[0], setPointerItem2 = _359[1];
|
|
79
|
+
var _360 = __read(useState(0), 2), pointerY3 = _360[0], setPointerY3 = _360[1];
|
|
80
|
+
var _361 = __read(useState(), 2), pointerItem3 = _361[0], setPointerItem3 = _361[1];
|
|
81
|
+
var _362 = __read(useState(0), 2), pointerY4 = _362[0], setPointerY4 = _362[1];
|
|
82
|
+
var _363 = __read(useState(), 2), pointerItem4 = _363[0], setPointerItem4 = _363[1];
|
|
83
|
+
var _364 = __read(useState(0), 2), pointerY5 = _364[0], setPointerY5 = _364[1];
|
|
84
|
+
var _365 = __read(useState([]), 2), pointerYsForDataSet = _365[0], setPointerYsForDataSet = _365[1];
|
|
85
|
+
var _366 = __read(useState(), 2), pointerItem5 = _366[0], setPointerItem5 = _366[1];
|
|
86
|
+
var _367 = __read(useState(0), 2), secondaryPointerY = _367[0], setSecondaryPointerY = _367[1];
|
|
87
|
+
var _368 = __read(useState(), 2), secondaryPointerItem = _368[0], setSecondaryPointerItem = _368[1];
|
|
88
|
+
var _369 = __read(useState([]), 2), pointerItemsForSet = _369[0], setPointerItemsForSet = _369[1];
|
|
89
|
+
var _370 = __read(useState([]), 2), secondaryPointerItemsForSet = _370[0], setSecondaryPointerItemsForSet = _370[1];
|
|
90
|
+
var _371 = __read(useState(0), 2), responderStartTime = _371[0], setResponderStartTime = _371[1];
|
|
91
|
+
var _372 = __read(useState(false), 2), responderActive = _372[0], setResponderActive = _372[1];
|
|
92
|
+
var _373 = __read(useState(''), 2), points = _373[0], setPoints = _373[1];
|
|
93
|
+
var _374 = __read(useState(''), 2), points2 = _374[0], setPoints2 = _374[1];
|
|
94
|
+
var _375 = __read(useState(''), 2), points3 = _375[0], setPoints3 = _375[1];
|
|
95
|
+
var _376 = __read(useState(''), 2), points4 = _376[0], setPoints4 = _376[1];
|
|
96
|
+
var _377 = __read(useState(''), 2), points5 = _377[0], setPoints5 = _377[1];
|
|
97
|
+
var _378 = __read(useState(''), 2), secondaryPoints = _378[0], setSecondaryPoints = _378[1];
|
|
98
|
+
var _379 = __read(useState(''), 2), fillPoints = _379[0], setFillPoints = _379[1];
|
|
99
|
+
var _380 = __read(useState(''), 2), fillPoints2 = _380[0], setFillPoints2 = _380[1];
|
|
100
|
+
var _381 = __read(useState(''), 2), fillPoints3 = _381[0], setFillPoints3 = _381[1];
|
|
101
|
+
var _382 = __read(useState(''), 2), fillPoints4 = _382[0], setFillPoints4 = _382[1];
|
|
102
|
+
var _383 = __read(useState(''), 2), fillPoints5 = _383[0], setFillPoints5 = _383[1];
|
|
103
|
+
var _384 = __read(useState(''), 2), secondaryFillPoints = _384[0], setSecondaryFillPoints = _384[1];
|
|
104
|
+
var _385 = __read(useState([]), 2), pointsFromSet = _385[0], setPointsFromSet = _385[1];
|
|
105
|
+
var _386 = __read(useState([]), 2), fillPointsFromSet = _386[0], setFillPointsFromSet = _386[1];
|
|
106
|
+
var _387 = __read(useState([]), 2), arrowPointsFromSet = _387[0], setArrowPointsFromSet = _387[1];
|
|
107
|
+
var _388 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _388[0], setSelectedIndex = _388[1];
|
|
108
108
|
var allowFontScaling = (_p = props.allowFontScaling) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.allowFontScaling;
|
|
109
109
|
useEffect(function () {
|
|
110
110
|
var _a;
|
|
@@ -125,27 +125,26 @@ export var useLineChart = function (props) {
|
|
|
125
125
|
var data4 = useMemo(function () { return getSanitisedData(props.data4, dataSanitisationProps); }, [yAxisOffset, props.data4]);
|
|
126
126
|
var data5 = useMemo(function () { return getSanitisedData(props.data5, dataSanitisationProps); }, [yAxisOffset, props.data5]);
|
|
127
127
|
var secondaryData = (_s = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis, showDataPointsForMissingValues, interpolateMissingValues, onlyPositive)) !== null && _s !== void 0 ? _s : [];
|
|
128
|
-
var dataSet =
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
var
|
|
139
|
-
var
|
|
140
|
-
var
|
|
141
|
-
var
|
|
142
|
-
var
|
|
143
|
-
var
|
|
144
|
-
var
|
|
145
|
-
var
|
|
146
|
-
var
|
|
147
|
-
var
|
|
148
|
-
var startIndex1 = (_5 = (_4 = props.startIndex1) !== null && _4 !== void 0 ? _4 : props.startIndex) !== null && _5 !== void 0 ? _5 : 0;
|
|
128
|
+
var dataSet = useMemo(function () {
|
|
129
|
+
var _a, _b;
|
|
130
|
+
if (!((_a = props.dataSet) === null || _a === void 0 ? void 0 : _a.length))
|
|
131
|
+
return undefined;
|
|
132
|
+
return (_b = props.dataSet) === null || _b === void 0 ? void 0 : _b.map(function (dataSetItem) {
|
|
133
|
+
var sanitisedData = getSanitisedData(dataSetItem.data, dataSanitisationProps);
|
|
134
|
+
return __assign(__assign({}, dataSetItem), { data: sanitisedData });
|
|
135
|
+
});
|
|
136
|
+
}, [yAxisOffset, props.dataSet]);
|
|
137
|
+
var data0 = (_t = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _t === void 0 ? void 0 : _t.data;
|
|
138
|
+
var scrollToEnd = (_u = props.scrollToEnd) !== null && _u !== void 0 ? _u : LineDefaults.scrollToEnd;
|
|
139
|
+
var scrollAnimation = (_v = props.scrollAnimation) !== null && _v !== void 0 ? _v : LineDefaults.scrollAnimation;
|
|
140
|
+
var scrollEventThrottle = (_w = props.scrollEventThrottle) !== null && _w !== void 0 ? _w : LineDefaults.scrollEventThrottle;
|
|
141
|
+
var labelsExtraHeight = (_x = props.labelsExtraHeight) !== null && _x !== void 0 ? _x : 0;
|
|
142
|
+
var animationDuration = (_y = props.animationDuration) !== null && _y !== void 0 ? _y : LineDefaults.animationDuration;
|
|
143
|
+
var onDataChangeAnimationDuration = (_z = props.onDataChangeAnimationDuration) !== null && _z !== void 0 ? _z : 400;
|
|
144
|
+
var animateTogether = (_0 = props.animateTogether) !== null && _0 !== void 0 ? _0 : LineDefaults.animateTogether;
|
|
145
|
+
var renderDataPointsAfterAnimationEnds = (_1 = props.renderDataPointsAfterAnimationEnds) !== null && _1 !== void 0 ? _1 : LineDefaults.renderDataPointsAfterAnimationEnds;
|
|
146
|
+
var animateOnDataChange = (_2 = props.animateOnDataChange) !== null && _2 !== void 0 ? _2 : false;
|
|
147
|
+
var startIndex1 = (_4 = (_3 = props.startIndex1) !== null && _3 !== void 0 ? _3 : props.startIndex) !== null && _4 !== void 0 ? _4 : 0;
|
|
149
148
|
var endIndex1;
|
|
150
149
|
if (props.endIndex1 === undefined || props.endIndex1 === null) {
|
|
151
150
|
if (props.endIndex === undefined || props.endIndex === null) {
|
|
@@ -158,14 +157,14 @@ export var useLineChart = function (props) {
|
|
|
158
157
|
else {
|
|
159
158
|
endIndex1 = props.endIndex1;
|
|
160
159
|
}
|
|
161
|
-
var startIndex2 = (
|
|
162
|
-
var endIndex2 = (
|
|
163
|
-
var startIndex3 = (
|
|
164
|
-
var endIndex3 = (
|
|
165
|
-
var startIndex4 = (
|
|
166
|
-
var endIndex4 = (
|
|
167
|
-
var startIndex5 = (
|
|
168
|
-
var endIndex5 = (
|
|
160
|
+
var startIndex2 = (_5 = props.startIndex2) !== null && _5 !== void 0 ? _5 : 0;
|
|
161
|
+
var endIndex2 = (_6 = props.endIndex2) !== null && _6 !== void 0 ? _6 : data2.length - 1;
|
|
162
|
+
var startIndex3 = (_7 = props.startIndex3) !== null && _7 !== void 0 ? _7 : 0;
|
|
163
|
+
var endIndex3 = (_8 = props.endIndex3) !== null && _8 !== void 0 ? _8 : data3.length - 1;
|
|
164
|
+
var startIndex4 = (_9 = props.startIndex4) !== null && _9 !== void 0 ? _9 : 0;
|
|
165
|
+
var endIndex4 = (_10 = props.endIndex4) !== null && _10 !== void 0 ? _10 : data4.length - 1;
|
|
166
|
+
var startIndex5 = (_11 = props.startIndex5) !== null && _11 !== void 0 ? _11 : 0;
|
|
167
|
+
var endIndex5 = (_12 = props.endIndex5) !== null && _12 !== void 0 ? _12 : data5.length - 1;
|
|
169
168
|
var lengthOfLongestDataArray = Math.max(data.length, data2.length, data3.length, data4.length, data5.length);
|
|
170
169
|
var lineSegments = !interpolateMissingValues
|
|
171
170
|
? getLineSegmentsForMissingValues(props.data)
|
|
@@ -193,43 +192,43 @@ export var useLineChart = function (props) {
|
|
|
193
192
|
? getLineSegmentsDueToNoExtrapolation(props.data5)
|
|
194
193
|
: colorsToLowerCase(props.lineSegments5);
|
|
195
194
|
var highlightedRange = props.highlightedRange;
|
|
196
|
-
var adjustToWidth = (
|
|
197
|
-
var initialSpacing = (
|
|
198
|
-
var endSpacing = (
|
|
199
|
-
var thickness = (
|
|
200
|
-
var yAxisLabelWidth = (
|
|
195
|
+
var adjustToWidth = (_13 = props.adjustToWidth) !== null && _13 !== void 0 ? _13 : false;
|
|
196
|
+
var initialSpacing = (_14 = props.initialSpacing) !== null && _14 !== void 0 ? _14 : LineDefaults.initialSpacing;
|
|
197
|
+
var endSpacing = (_15 = props.endSpacing) !== null && _15 !== void 0 ? _15 : (adjustToWidth ? 0 : LineDefaults.endSpacing);
|
|
198
|
+
var thickness = (_16 = props.thickness) !== null && _16 !== void 0 ? _16 : LineDefaults.thickness;
|
|
199
|
+
var yAxisLabelWidth = (_17 = props.yAxisLabelWidth) !== null && _17 !== void 0 ? _17 : (props.hideYAxisText
|
|
201
200
|
? AxesAndRulesDefaults.yAxisEmptyLabelWidth
|
|
202
201
|
: AxesAndRulesDefaults.yAxisLabelWidth);
|
|
203
|
-
var spacing = (
|
|
204
|
-
? (((
|
|
202
|
+
var spacing = (_18 = props.spacing) !== null && _18 !== void 0 ? _18 : (adjustToWidth
|
|
203
|
+
? (((_19 = props.width) !== null && _19 !== void 0 ? _19 : parentWidth - yAxisLabelWidth) - initialSpacing) /
|
|
205
204
|
Math.max((data0 !== null && data0 !== void 0 ? data0 : data).length - 1, 1)
|
|
206
205
|
: LineDefaults.spacing);
|
|
207
|
-
var xAxisThickness = (
|
|
208
|
-
var dataPointsHeight1 = (
|
|
209
|
-
var dataPointsWidth1 = (
|
|
210
|
-
var dataPointsRadius1 = (
|
|
211
|
-
var dataPointsColor1 = (
|
|
212
|
-
var dataPointsShape1 = (
|
|
213
|
-
var dataPointsHeight2 = (
|
|
214
|
-
var dataPointsWidth2 = (
|
|
215
|
-
var dataPointsRadius2 = (
|
|
216
|
-
var dataPointsColor2 = (
|
|
217
|
-
var dataPointsShape2 = (
|
|
218
|
-
var dataPointsHeight3 = (
|
|
219
|
-
var dataPointsWidth3 = (
|
|
220
|
-
var dataPointsRadius3 = (
|
|
221
|
-
var dataPointsColor3 = (
|
|
222
|
-
var dataPointsShape3 = (
|
|
223
|
-
var dataPointsHeight4 = (
|
|
224
|
-
var dataPointsWidth4 = (
|
|
225
|
-
var dataPointsRadius4 = (
|
|
226
|
-
var dataPointsColor4 = (
|
|
227
|
-
var dataPointsShape4 = (
|
|
228
|
-
var dataPointsHeight5 = (
|
|
229
|
-
var dataPointsWidth5 = (
|
|
230
|
-
var dataPointsRadius5 = (
|
|
231
|
-
var dataPointsColor5 = (
|
|
232
|
-
var dataPointsShape5 = (
|
|
206
|
+
var xAxisThickness = (_20 = props.xAxisThickness) !== null && _20 !== void 0 ? _20 : AxesAndRulesDefaults.xAxisThickness;
|
|
207
|
+
var dataPointsHeight1 = (_22 = (_21 = props.dataPointsHeight1) !== null && _21 !== void 0 ? _21 : props.dataPointsHeight) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsHeight;
|
|
208
|
+
var dataPointsWidth1 = (_24 = (_23 = props.dataPointsWidth1) !== null && _23 !== void 0 ? _23 : props.dataPointsWidth) !== null && _24 !== void 0 ? _24 : LineDefaults.dataPointsWidth;
|
|
209
|
+
var dataPointsRadius1 = (_26 = (_25 = props.dataPointsRadius1) !== null && _25 !== void 0 ? _25 : props.dataPointsRadius) !== null && _26 !== void 0 ? _26 : LineDefaults.dataPointsRadius;
|
|
210
|
+
var dataPointsColor1 = (_28 = (_27 = props.dataPointsColor1) !== null && _27 !== void 0 ? _27 : props.dataPointsColor) !== null && _28 !== void 0 ? _28 : LineDefaults.dataPointsColor;
|
|
211
|
+
var dataPointsShape1 = (_30 = (_29 = props.dataPointsShape1) !== null && _29 !== void 0 ? _29 : props.dataPointsShape) !== null && _30 !== void 0 ? _30 : LineDefaults.dataPointsShape;
|
|
212
|
+
var dataPointsHeight2 = (_32 = (_31 = props.dataPointsHeight2) !== null && _31 !== void 0 ? _31 : props.dataPointsHeight) !== null && _32 !== void 0 ? _32 : LineDefaults.dataPointsHeight;
|
|
213
|
+
var dataPointsWidth2 = (_34 = (_33 = props.dataPointsWidth2) !== null && _33 !== void 0 ? _33 : props.dataPointsWidth) !== null && _34 !== void 0 ? _34 : LineDefaults.dataPointsWidth;
|
|
214
|
+
var dataPointsRadius2 = (_36 = (_35 = props.dataPointsRadius2) !== null && _35 !== void 0 ? _35 : props.dataPointsRadius) !== null && _36 !== void 0 ? _36 : LineDefaults.dataPointsRadius;
|
|
215
|
+
var dataPointsColor2 = (_38 = (_37 = props.dataPointsColor2) !== null && _37 !== void 0 ? _37 : props.dataPointsColor) !== null && _38 !== void 0 ? _38 : LineDefaults.dataPointsColor2;
|
|
216
|
+
var dataPointsShape2 = (_40 = (_39 = props.dataPointsShape2) !== null && _39 !== void 0 ? _39 : props.dataPointsShape) !== null && _40 !== void 0 ? _40 : LineDefaults.dataPointsShape;
|
|
217
|
+
var dataPointsHeight3 = (_42 = (_41 = props.dataPointsHeight3) !== null && _41 !== void 0 ? _41 : props.dataPointsHeight) !== null && _42 !== void 0 ? _42 : LineDefaults.dataPointsHeight;
|
|
218
|
+
var dataPointsWidth3 = (_44 = (_43 = props.dataPointsWidth3) !== null && _43 !== void 0 ? _43 : props.dataPointsWidth) !== null && _44 !== void 0 ? _44 : LineDefaults.dataPointsWidth;
|
|
219
|
+
var dataPointsRadius3 = (_46 = (_45 = props.dataPointsRadius3) !== null && _45 !== void 0 ? _45 : props.dataPointsRadius) !== null && _46 !== void 0 ? _46 : LineDefaults.dataPointsRadius;
|
|
220
|
+
var dataPointsColor3 = (_48 = (_47 = props.dataPointsColor3) !== null && _47 !== void 0 ? _47 : props.dataPointsColor) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsColor3;
|
|
221
|
+
var dataPointsShape3 = (_50 = (_49 = props.dataPointsShape3) !== null && _49 !== void 0 ? _49 : props.dataPointsShape) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsShape;
|
|
222
|
+
var dataPointsHeight4 = (_52 = (_51 = props.dataPointsHeight4) !== null && _51 !== void 0 ? _51 : props.dataPointsHeight) !== null && _52 !== void 0 ? _52 : LineDefaults.dataPointsHeight;
|
|
223
|
+
var dataPointsWidth4 = (_54 = (_53 = props.dataPointsWidth4) !== null && _53 !== void 0 ? _53 : props.dataPointsWidth) !== null && _54 !== void 0 ? _54 : LineDefaults.dataPointsWidth;
|
|
224
|
+
var dataPointsRadius4 = (_56 = (_55 = props.dataPointsRadius4) !== null && _55 !== void 0 ? _55 : props.dataPointsRadius) !== null && _56 !== void 0 ? _56 : LineDefaults.dataPointsRadius;
|
|
225
|
+
var dataPointsColor4 = (_58 = (_57 = props.dataPointsColor4) !== null && _57 !== void 0 ? _57 : props.dataPointsColor) !== null && _58 !== void 0 ? _58 : LineDefaults.dataPointsColor;
|
|
226
|
+
var dataPointsShape4 = (_60 = (_59 = props.dataPointsShape4) !== null && _59 !== void 0 ? _59 : props.dataPointsShape) !== null && _60 !== void 0 ? _60 : LineDefaults.dataPointsShape;
|
|
227
|
+
var dataPointsHeight5 = (_62 = (_61 = props.dataPointsHeight5) !== null && _61 !== void 0 ? _61 : props.dataPointsHeight) !== null && _62 !== void 0 ? _62 : LineDefaults.dataPointsHeight;
|
|
228
|
+
var dataPointsWidth5 = (_64 = (_63 = props.dataPointsWidth5) !== null && _63 !== void 0 ? _63 : props.dataPointsWidth) !== null && _64 !== void 0 ? _64 : LineDefaults.dataPointsWidth;
|
|
229
|
+
var dataPointsRadius5 = (_66 = (_65 = props.dataPointsRadius5) !== null && _65 !== void 0 ? _65 : props.dataPointsRadius) !== null && _66 !== void 0 ? _66 : LineDefaults.dataPointsRadius;
|
|
230
|
+
var dataPointsColor5 = (_68 = (_67 = props.dataPointsColor5) !== null && _67 !== void 0 ? _67 : props.dataPointsColor) !== null && _68 !== void 0 ? _68 : LineDefaults.dataPointsColor;
|
|
231
|
+
var dataPointsShape5 = (_70 = (_69 = props.dataPointsShape5) !== null && _69 !== void 0 ? _69 : props.dataPointsShape) !== null && _70 !== void 0 ? _70 : LineDefaults.dataPointsShape;
|
|
233
232
|
var areaChart = props.areaChart;
|
|
234
233
|
var areaChart1 = props.areaChart1;
|
|
235
234
|
var areaChart2 = props.areaChart2;
|
|
@@ -262,23 +261,23 @@ export var useLineChart = function (props) {
|
|
|
262
261
|
}
|
|
263
262
|
return false;
|
|
264
263
|
};
|
|
265
|
-
var stepChart = (
|
|
266
|
-
var stepChart1 = (
|
|
267
|
-
var stepChart2 = (
|
|
268
|
-
var stepChart3 = (
|
|
269
|
-
var stepChart4 = (
|
|
270
|
-
var stepChart5 = (
|
|
271
|
-
var edgePosition = (
|
|
272
|
-
var textFontSize1 = (
|
|
273
|
-
var textFontSize2 = (
|
|
274
|
-
var textFontSize3 = (
|
|
275
|
-
var textFontSize4 = (
|
|
276
|
-
var textFontSize5 = (
|
|
277
|
-
var textColor1 = (
|
|
278
|
-
var textColor2 = (
|
|
279
|
-
var textColor3 = (
|
|
280
|
-
var textColor4 = (
|
|
281
|
-
var textColor5 = (
|
|
264
|
+
var stepChart = (_71 = props.stepChart) !== null && _71 !== void 0 ? _71 : false;
|
|
265
|
+
var stepChart1 = (_72 = props.stepChart1) !== null && _72 !== void 0 ? _72 : false;
|
|
266
|
+
var stepChart2 = (_73 = props.stepChart2) !== null && _73 !== void 0 ? _73 : false;
|
|
267
|
+
var stepChart3 = (_74 = props.stepChart3) !== null && _74 !== void 0 ? _74 : false;
|
|
268
|
+
var stepChart4 = (_75 = props.stepChart4) !== null && _75 !== void 0 ? _75 : false;
|
|
269
|
+
var stepChart5 = (_76 = props.stepChart5) !== null && _76 !== void 0 ? _76 : false;
|
|
270
|
+
var edgePosition = (_77 = props.edgePosition) !== null && _77 !== void 0 ? _77 : LineDefaults.edgePosition;
|
|
271
|
+
var textFontSize1 = (_79 = (_78 = props.textFontSize1) !== null && _78 !== void 0 ? _78 : props.textFontSize) !== null && _79 !== void 0 ? _79 : LineDefaults.textFontSize;
|
|
272
|
+
var textFontSize2 = (_81 = (_80 = props.textFontSize2) !== null && _80 !== void 0 ? _80 : props.textFontSize) !== null && _81 !== void 0 ? _81 : LineDefaults.textFontSize;
|
|
273
|
+
var textFontSize3 = (_83 = (_82 = props.textFontSize3) !== null && _82 !== void 0 ? _82 : props.textFontSize) !== null && _83 !== void 0 ? _83 : LineDefaults.textFontSize;
|
|
274
|
+
var textFontSize4 = (_85 = (_84 = props.textFontSize4) !== null && _84 !== void 0 ? _84 : props.textFontSize) !== null && _85 !== void 0 ? _85 : LineDefaults.textFontSize;
|
|
275
|
+
var textFontSize5 = (_87 = (_86 = props.textFontSize5) !== null && _86 !== void 0 ? _86 : props.textFontSize) !== null && _87 !== void 0 ? _87 : LineDefaults.textFontSize;
|
|
276
|
+
var textColor1 = (_89 = (_88 = props.textColor1) !== null && _88 !== void 0 ? _88 : props.textColor) !== null && _89 !== void 0 ? _89 : LineDefaults.textColor;
|
|
277
|
+
var textColor2 = (_91 = (_90 = props.textColor2) !== null && _90 !== void 0 ? _90 : props.textColor) !== null && _91 !== void 0 ? _91 : LineDefaults.textColor;
|
|
278
|
+
var textColor3 = (_93 = (_92 = props.textColor3) !== null && _92 !== void 0 ? _92 : props.textColor) !== null && _93 !== void 0 ? _93 : LineDefaults.textColor;
|
|
279
|
+
var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
280
|
+
var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
|
|
282
281
|
var mergedPrimaryDataArrays = [];
|
|
283
282
|
var mergedPrimaryDataArraysOriginals = [];
|
|
284
283
|
var mergedSecondaryDataArrays = [];
|
|
@@ -316,7 +315,7 @@ export var useLineChart = function (props) {
|
|
|
316
315
|
}
|
|
317
316
|
else {
|
|
318
317
|
var spacingSum_1 = 0;
|
|
319
|
-
var space_1 = (
|
|
318
|
+
var space_1 = (_98 = props.spacing1) !== null && _98 !== void 0 ? _98 : spacing;
|
|
320
319
|
data.forEach(function (item, index) {
|
|
321
320
|
var _a, _b;
|
|
322
321
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -331,7 +330,7 @@ export var useLineChart = function (props) {
|
|
|
331
330
|
}
|
|
332
331
|
if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
|
|
333
332
|
spacingSum_1 = 0;
|
|
334
|
-
space_1 = (
|
|
333
|
+
space_1 = (_99 = props.spacing2) !== null && _99 !== void 0 ? _99 : spacing;
|
|
335
334
|
data2.forEach(function (item, index) {
|
|
336
335
|
var _a, _b;
|
|
337
336
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -347,7 +346,7 @@ export var useLineChart = function (props) {
|
|
|
347
346
|
}
|
|
348
347
|
if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
|
|
349
348
|
spacingSum_1 = 0;
|
|
350
|
-
space_1 = (
|
|
349
|
+
space_1 = (_100 = props.spacing3) !== null && _100 !== void 0 ? _100 : spacing;
|
|
351
350
|
data3.forEach(function (item, index) {
|
|
352
351
|
var _a, _b;
|
|
353
352
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -363,7 +362,7 @@ export var useLineChart = function (props) {
|
|
|
363
362
|
}
|
|
364
363
|
if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
|
|
365
364
|
spacingSum_1 = 0;
|
|
366
|
-
space_1 = (
|
|
365
|
+
space_1 = (_101 = props.spacing4) !== null && _101 !== void 0 ? _101 : spacing;
|
|
367
366
|
data4.forEach(function (item, index) {
|
|
368
367
|
var _a, _b;
|
|
369
368
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -379,7 +378,7 @@ export var useLineChart = function (props) {
|
|
|
379
378
|
}
|
|
380
379
|
if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
|
|
381
380
|
spacingSum_1 = 0;
|
|
382
|
-
space_1 = (
|
|
381
|
+
space_1 = (_102 = props.spacing5) !== null && _102 !== void 0 ? _102 : spacing;
|
|
383
382
|
data5.forEach(function (item, index) {
|
|
384
383
|
var _a, _b;
|
|
385
384
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -395,7 +394,7 @@ export var useLineChart = function (props) {
|
|
|
395
394
|
}
|
|
396
395
|
if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
|
|
397
396
|
spacingSum_1 = 0;
|
|
398
|
-
space_1 = (
|
|
397
|
+
space_1 = (_104 = (_103 = props.secondaryLineConfig) === null || _103 === void 0 ? void 0 : _103.spacing) !== null && _104 !== void 0 ? _104 : spacing;
|
|
399
398
|
secondaryData.forEach(function (item) {
|
|
400
399
|
var _a;
|
|
401
400
|
spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
|
|
@@ -406,7 +405,7 @@ export var useLineChart = function (props) {
|
|
|
406
405
|
}
|
|
407
406
|
}
|
|
408
407
|
mergedPrimaryDataArrays = data;
|
|
409
|
-
mergedPrimaryDataArraysOriginals = (
|
|
408
|
+
mergedPrimaryDataArraysOriginals = (_105 = props.data) !== null && _105 !== void 0 ? _105 : [];
|
|
410
409
|
mergedSecondaryDataArrays = secondaryData;
|
|
411
410
|
}
|
|
412
411
|
if (!mergedPrimaryDataArrays.length) {
|
|
@@ -416,118 +415,118 @@ export var useLineChart = function (props) {
|
|
|
416
415
|
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
417
416
|
Math.min.apply(// find the largest +ve number
|
|
418
417
|
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
419
|
-
var showFractionalValues = (
|
|
420
|
-
var roundToDigits = (
|
|
421
|
-
var
|
|
418
|
+
var showFractionalValues = (_106 = props.showFractionalValues) !== null && _106 !== void 0 ? _106 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
419
|
+
var roundToDigits = (_107 = props.roundToDigits) !== null && _107 !== void 0 ? _107 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
420
|
+
var _389 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _389.maxItem, minItem = _389.minItem;
|
|
422
421
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
423
|
-
var mostNegativeValue = (
|
|
424
|
-
var overflowTop = ((
|
|
422
|
+
var mostNegativeValue = (_108 = props.mostNegativeValue) !== null && _108 !== void 0 ? _108 : minItem;
|
|
423
|
+
var overflowTop = ((_109 = props.overflowTop) !== null && _109 !== void 0 ? _109 : props.secondaryXAxis)
|
|
425
424
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
426
425
|
: AxesAndRulesDefaults.overflowTop;
|
|
427
426
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
428
427
|
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
429
428
|
Math.min.apply(// find the largest +ve number
|
|
430
429
|
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
431
|
-
var showSecondaryFractionalValues = (
|
|
432
|
-
var secondaryRoundToDigits = (
|
|
430
|
+
var showSecondaryFractionalValues = (_111 = (_110 = props.secondaryYAxis) === null || _110 === void 0 ? void 0 : _110.showFractionalValues) !== null && _111 !== void 0 ? _111 : secondaryValuesRange <= 1;
|
|
431
|
+
var secondaryRoundToDigits = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.roundToDigits) !== null && _113 !== void 0 ? _113 : (showSecondaryFractionalValues
|
|
433
432
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
434
433
|
: 0);
|
|
435
|
-
var
|
|
436
|
-
var secondaryMaxValue = (
|
|
434
|
+
var _390 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _390.maxItem, secondaryMinItem = _390.minItem;
|
|
435
|
+
var secondaryMaxValue = (_115 = (_114 = props.secondaryYAxis) === null || _114 === void 0 ? void 0 : _114.maxValue) !== null && _115 !== void 0 ? _115 : (secondaryMaxItem || maxValue);
|
|
437
436
|
var getSecondaryY = function (value) {
|
|
438
437
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
439
438
|
};
|
|
440
439
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
441
|
-
var showValuesAsDataPointsText = (
|
|
442
|
-
var thickness1 = (
|
|
443
|
-
var thickness2 = (
|
|
444
|
-
var thickness3 = (
|
|
445
|
-
var thickness4 = (
|
|
446
|
-
var thickness5 = (
|
|
447
|
-
var zIndex1 = (
|
|
448
|
-
var zIndex2 = (
|
|
449
|
-
var zIndex3 = (
|
|
450
|
-
var zIndex4 = (
|
|
451
|
-
var zIndex5 = (
|
|
452
|
-
var strokeDashArray1 = (
|
|
453
|
-
var strokeDashArray2 = (
|
|
454
|
-
var strokeDashArray3 = (
|
|
455
|
-
var strokeDashArray4 = (
|
|
456
|
-
var strokeDashArray5 = (
|
|
457
|
-
var strokeLinecap1 = (
|
|
458
|
-
var strokeLinecap2 = (
|
|
459
|
-
var strokeLinecap3 = (
|
|
460
|
-
var strokeLinecap4 = (
|
|
461
|
-
var strokeLinecap5 = (
|
|
462
|
-
var rotateLabel = (
|
|
463
|
-
var isAnimated = (
|
|
464
|
-
var hideDataPoints1 = (
|
|
465
|
-
var hideDataPoints2 = (
|
|
466
|
-
var hideDataPoints3 = (
|
|
467
|
-
var hideDataPoints4 = (
|
|
468
|
-
var hideDataPoints5 = (
|
|
469
|
-
var color1 = (
|
|
470
|
-
var color2 = (
|
|
471
|
-
var color3 = (
|
|
472
|
-
var color4 = (
|
|
473
|
-
var color5 = (
|
|
474
|
-
var startFillColor1 = (
|
|
475
|
-
var endFillColor1 = (
|
|
476
|
-
var startOpacity = (
|
|
477
|
-
var endOpacity = (
|
|
478
|
-
var startOpacity1 = (
|
|
479
|
-
var endOpacity1 = (
|
|
480
|
-
var startFillColor2 = (
|
|
481
|
-
var endFillColor2 = (
|
|
482
|
-
var startOpacity2 = (
|
|
483
|
-
var endOpacity2 = (
|
|
484
|
-
var startFillColor3 = (
|
|
485
|
-
var endFillColor3 = (
|
|
486
|
-
var startOpacity3 = (
|
|
487
|
-
var endOpacity3 = (
|
|
488
|
-
var startFillColor4 = (
|
|
489
|
-
var endFillColor4 = (
|
|
490
|
-
var startOpacity4 = (
|
|
491
|
-
var endOpacity4 = (
|
|
492
|
-
var startFillColor5 = (
|
|
493
|
-
var endFillColor5 = (
|
|
494
|
-
var startOpacity5 = (
|
|
495
|
-
var endOpacity5 = (
|
|
496
|
-
defaultArrowConfig.strokeWidth = (
|
|
497
|
-
defaultArrowConfig.strokeColor = (
|
|
498
|
-
var
|
|
440
|
+
var showValuesAsDataPointsText = (_116 = props.showValuesAsDataPointsText) !== null && _116 !== void 0 ? _116 : LineDefaults.showValuesAsDataPointsText;
|
|
441
|
+
var thickness1 = (_118 = (_117 = props.thickness1) !== null && _117 !== void 0 ? _117 : props.thickness) !== null && _118 !== void 0 ? _118 : LineDefaults.thickness;
|
|
442
|
+
var thickness2 = (_120 = (_119 = props.thickness2) !== null && _119 !== void 0 ? _119 : props.thickness) !== null && _120 !== void 0 ? _120 : LineDefaults.thickness;
|
|
443
|
+
var thickness3 = (_122 = (_121 = props.thickness3) !== null && _121 !== void 0 ? _121 : props.thickness) !== null && _122 !== void 0 ? _122 : LineDefaults.thickness;
|
|
444
|
+
var thickness4 = (_124 = (_123 = props.thickness4) !== null && _123 !== void 0 ? _123 : props.thickness) !== null && _124 !== void 0 ? _124 : LineDefaults.thickness;
|
|
445
|
+
var thickness5 = (_126 = (_125 = props.thickness5) !== null && _125 !== void 0 ? _125 : props.thickness) !== null && _126 !== void 0 ? _126 : LineDefaults.thickness;
|
|
446
|
+
var zIndex1 = (_127 = props.zIndex1) !== null && _127 !== void 0 ? _127 : 0;
|
|
447
|
+
var zIndex2 = (_128 = props.zIndex2) !== null && _128 !== void 0 ? _128 : 0;
|
|
448
|
+
var zIndex3 = (_129 = props.zIndex3) !== null && _129 !== void 0 ? _129 : 0;
|
|
449
|
+
var zIndex4 = (_130 = props.zIndex4) !== null && _130 !== void 0 ? _130 : 0;
|
|
450
|
+
var zIndex5 = (_131 = props.zIndex5) !== null && _131 !== void 0 ? _131 : 0;
|
|
451
|
+
var strokeDashArray1 = (_132 = props.strokeDashArray1) !== null && _132 !== void 0 ? _132 : props.strokeDashArray;
|
|
452
|
+
var strokeDashArray2 = (_133 = props.strokeDashArray2) !== null && _133 !== void 0 ? _133 : props.strokeDashArray;
|
|
453
|
+
var strokeDashArray3 = (_134 = props.strokeDashArray3) !== null && _134 !== void 0 ? _134 : props.strokeDashArray;
|
|
454
|
+
var strokeDashArray4 = (_135 = props.strokeDashArray4) !== null && _135 !== void 0 ? _135 : props.strokeDashArray;
|
|
455
|
+
var strokeDashArray5 = (_136 = props.strokeDashArray5) !== null && _136 !== void 0 ? _136 : props.strokeDashArray;
|
|
456
|
+
var strokeLinecap1 = (_138 = (_137 = props.strokeLinecap1) !== null && _137 !== void 0 ? _137 : props.strokeLinecap) !== null && _138 !== void 0 ? _138 : LineDefaults.strokeLinecap;
|
|
457
|
+
var strokeLinecap2 = (_140 = (_139 = props.strokeLinecap2) !== null && _139 !== void 0 ? _139 : props.strokeLinecap) !== null && _140 !== void 0 ? _140 : LineDefaults.strokeLinecap;
|
|
458
|
+
var strokeLinecap3 = (_142 = (_141 = props.strokeLinecap3) !== null && _141 !== void 0 ? _141 : props.strokeLinecap) !== null && _142 !== void 0 ? _142 : LineDefaults.strokeLinecap;
|
|
459
|
+
var strokeLinecap4 = (_144 = (_143 = props.strokeLinecap4) !== null && _143 !== void 0 ? _143 : props.strokeLinecap) !== null && _144 !== void 0 ? _144 : LineDefaults.strokeLinecap;
|
|
460
|
+
var strokeLinecap5 = (_146 = (_145 = props.strokeLinecap5) !== null && _145 !== void 0 ? _145 : props.strokeLinecap) !== null && _146 !== void 0 ? _146 : LineDefaults.strokeLinecap;
|
|
461
|
+
var rotateLabel = (_147 = props.rotateLabel) !== null && _147 !== void 0 ? _147 : false;
|
|
462
|
+
var isAnimated = (_148 = props.isAnimated) !== null && _148 !== void 0 ? _148 : false;
|
|
463
|
+
var hideDataPoints1 = (_150 = (_149 = props.hideDataPoints) !== null && _149 !== void 0 ? _149 : props.hideDataPoints1) !== null && _150 !== void 0 ? _150 : false;
|
|
464
|
+
var hideDataPoints2 = (_152 = (_151 = props.hideDataPoints) !== null && _151 !== void 0 ? _151 : props.hideDataPoints2) !== null && _152 !== void 0 ? _152 : false;
|
|
465
|
+
var hideDataPoints3 = (_154 = (_153 = props.hideDataPoints) !== null && _153 !== void 0 ? _153 : props.hideDataPoints3) !== null && _154 !== void 0 ? _154 : false;
|
|
466
|
+
var hideDataPoints4 = (_156 = (_155 = props.hideDataPoints) !== null && _155 !== void 0 ? _155 : props.hideDataPoints4) !== null && _156 !== void 0 ? _156 : false;
|
|
467
|
+
var hideDataPoints5 = (_158 = (_157 = props.hideDataPoints) !== null && _157 !== void 0 ? _157 : props.hideDataPoints5) !== null && _158 !== void 0 ? _158 : false;
|
|
468
|
+
var color1 = (_160 = (_159 = props.color1) !== null && _159 !== void 0 ? _159 : props.color) !== null && _160 !== void 0 ? _160 : LineDefaults.color;
|
|
469
|
+
var color2 = (_162 = (_161 = props.color2) !== null && _161 !== void 0 ? _161 : props.color) !== null && _162 !== void 0 ? _162 : LineDefaults.color;
|
|
470
|
+
var color3 = (_164 = (_163 = props.color3) !== null && _163 !== void 0 ? _163 : props.color) !== null && _164 !== void 0 ? _164 : LineDefaults.color;
|
|
471
|
+
var color4 = (_166 = (_165 = props.color4) !== null && _165 !== void 0 ? _165 : props.color) !== null && _166 !== void 0 ? _166 : LineDefaults.color;
|
|
472
|
+
var color5 = (_168 = (_167 = props.color5) !== null && _167 !== void 0 ? _167 : props.color) !== null && _168 !== void 0 ? _168 : LineDefaults.color;
|
|
473
|
+
var startFillColor1 = (_170 = (_169 = props.startFillColor1) !== null && _169 !== void 0 ? _169 : props.startFillColor) !== null && _170 !== void 0 ? _170 : LineDefaults.startFillColor;
|
|
474
|
+
var endFillColor1 = (_172 = (_171 = props.endFillColor1) !== null && _171 !== void 0 ? _171 : props.endFillColor) !== null && _172 !== void 0 ? _172 : LineDefaults.endFillColor;
|
|
475
|
+
var startOpacity = (_173 = props.startOpacity) !== null && _173 !== void 0 ? _173 : LineDefaults.startOpacity;
|
|
476
|
+
var endOpacity = (_174 = props.endOpacity) !== null && _174 !== void 0 ? _174 : LineDefaults.endOpacity;
|
|
477
|
+
var startOpacity1 = (_175 = props.startOpacity1) !== null && _175 !== void 0 ? _175 : startOpacity;
|
|
478
|
+
var endOpacity1 = (_176 = props.endOpacity1) !== null && _176 !== void 0 ? _176 : endOpacity;
|
|
479
|
+
var startFillColor2 = (_178 = (_177 = props.startFillColor2) !== null && _177 !== void 0 ? _177 : props.startFillColor) !== null && _178 !== void 0 ? _178 : LineDefaults.startFillColor;
|
|
480
|
+
var endFillColor2 = (_180 = (_179 = props.endFillColor2) !== null && _179 !== void 0 ? _179 : props.endFillColor) !== null && _180 !== void 0 ? _180 : LineDefaults.endFillColor;
|
|
481
|
+
var startOpacity2 = (_181 = props.startOpacity2) !== null && _181 !== void 0 ? _181 : startOpacity;
|
|
482
|
+
var endOpacity2 = (_182 = props.endOpacity2) !== null && _182 !== void 0 ? _182 : endOpacity;
|
|
483
|
+
var startFillColor3 = (_184 = (_183 = props.startFillColor3) !== null && _183 !== void 0 ? _183 : props.startFillColor) !== null && _184 !== void 0 ? _184 : LineDefaults.startFillColor;
|
|
484
|
+
var endFillColor3 = (_186 = (_185 = props.endFillColor3) !== null && _185 !== void 0 ? _185 : props.endFillColor) !== null && _186 !== void 0 ? _186 : LineDefaults.endFillColor;
|
|
485
|
+
var startOpacity3 = (_187 = props.startOpacity3) !== null && _187 !== void 0 ? _187 : startOpacity;
|
|
486
|
+
var endOpacity3 = (_188 = props.endOpacity3) !== null && _188 !== void 0 ? _188 : endOpacity;
|
|
487
|
+
var startFillColor4 = (_190 = (_189 = props.startFillColor4) !== null && _189 !== void 0 ? _189 : props.startFillColor) !== null && _190 !== void 0 ? _190 : LineDefaults.startFillColor;
|
|
488
|
+
var endFillColor4 = (_192 = (_191 = props.endFillColor4) !== null && _191 !== void 0 ? _191 : props.endFillColor) !== null && _192 !== void 0 ? _192 : LineDefaults.endFillColor;
|
|
489
|
+
var startOpacity4 = (_193 = props.startOpacity4) !== null && _193 !== void 0 ? _193 : startOpacity;
|
|
490
|
+
var endOpacity4 = (_194 = props.endOpacity4) !== null && _194 !== void 0 ? _194 : endOpacity;
|
|
491
|
+
var startFillColor5 = (_196 = (_195 = props.startFillColor5) !== null && _195 !== void 0 ? _195 : props.startFillColor) !== null && _196 !== void 0 ? _196 : LineDefaults.startFillColor;
|
|
492
|
+
var endFillColor5 = (_198 = (_197 = props.endFillColor5) !== null && _197 !== void 0 ? _197 : props.endFillColor) !== null && _198 !== void 0 ? _198 : LineDefaults.endFillColor;
|
|
493
|
+
var startOpacity5 = (_199 = props.startOpacity5) !== null && _199 !== void 0 ? _199 : startOpacity;
|
|
494
|
+
var endOpacity5 = (_200 = props.endOpacity5) !== null && _200 !== void 0 ? _200 : endOpacity;
|
|
495
|
+
defaultArrowConfig.strokeWidth = (_202 = (_201 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _201 === void 0 ? void 0 : _201.thickness) !== null && _202 !== void 0 ? _202 : thickness1;
|
|
496
|
+
defaultArrowConfig.strokeColor = (_204 = (_203 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1;
|
|
497
|
+
var _391 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _391.arrowLength1, arrowWidth1 = _391.arrowWidth1, arrowStrokeWidth1 = _391.arrowStrokeWidth1, arrowStrokeColor1 = _391.arrowStrokeColor1, arrowFillColor1 = _391.arrowFillColor1, showArrowBase1 = _391.showArrowBase1, arrowLength2 = _391.arrowLength2, arrowWidth2 = _391.arrowWidth2, arrowStrokeWidth2 = _391.arrowStrokeWidth2, arrowStrokeColor2 = _391.arrowStrokeColor2, arrowFillColor2 = _391.arrowFillColor2, showArrowBase2 = _391.showArrowBase2, arrowLength3 = _391.arrowLength3, arrowWidth3 = _391.arrowWidth3, arrowStrokeWidth3 = _391.arrowStrokeWidth3, arrowStrokeColor3 = _391.arrowStrokeColor3, arrowFillColor3 = _391.arrowFillColor3, showArrowBase3 = _391.showArrowBase3, arrowLength4 = _391.arrowLength4, arrowWidth4 = _391.arrowWidth4, arrowStrokeWidth4 = _391.arrowStrokeWidth4, arrowStrokeColor4 = _391.arrowStrokeColor4, arrowFillColor4 = _391.arrowFillColor4, showArrowBase4 = _391.showArrowBase4, arrowLength5 = _391.arrowLength5, arrowWidth5 = _391.arrowWidth5, arrowStrokeWidth5 = _391.arrowStrokeWidth5, arrowStrokeColor5 = _391.arrowStrokeColor5, arrowFillColor5 = _391.arrowFillColor5, showArrowBase5 = _391.showArrowBase5, arrowLengthsFromSet = _391.arrowLengthsFromSet, arrowWidthsFromSet = _391.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _391.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _391.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _391.arrowFillColorsFromSet, showArrowBasesFromSet = _391.showArrowBasesFromSet;
|
|
499
498
|
var secondaryLineConfig = {
|
|
500
|
-
zIndex: (
|
|
501
|
-
curved: (
|
|
502
|
-
curvature: (
|
|
503
|
-
curveType: (
|
|
504
|
-
areaChart: (
|
|
505
|
-
color: (
|
|
506
|
-
thickness: (
|
|
507
|
-
zIndex1: (
|
|
508
|
-
strokeDashArray: (
|
|
509
|
-
strokeLinecap: (
|
|
510
|
-
startIndex: (
|
|
511
|
-
endIndex: (
|
|
512
|
-
hideDataPoints: (
|
|
513
|
-
dataPointsHeight: (
|
|
514
|
-
dataPointsWidth: (
|
|
515
|
-
dataPointsRadius: (
|
|
516
|
-
dataPointsColor: (
|
|
517
|
-
dataPointsShape: (
|
|
518
|
-
showValuesAsDataPointsText: (
|
|
519
|
-
startFillColor: (
|
|
520
|
-
endFillColor: (
|
|
521
|
-
startOpacity: (
|
|
522
|
-
endOpacity: (
|
|
523
|
-
textFontSize: (
|
|
524
|
-
textColor: (
|
|
525
|
-
showArrow: (
|
|
526
|
-
arrowConfig: (
|
|
499
|
+
zIndex: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex) !== null && _206 !== void 0 ? _206 : zIndex1,
|
|
500
|
+
curved: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curved) !== null && _208 !== void 0 ? _208 : props.curved,
|
|
501
|
+
curvature: (_210 = (_209 = props.secondaryLineConfig) === null || _209 === void 0 ? void 0 : _209.curvature) !== null && _210 !== void 0 ? _210 : curvature,
|
|
502
|
+
curveType: (_212 = (_211 = props.secondaryLineConfig) === null || _211 === void 0 ? void 0 : _211.curveType) !== null && _212 !== void 0 ? _212 : curveType,
|
|
503
|
+
areaChart: (_214 = (_213 = props.secondaryLineConfig) === null || _213 === void 0 ? void 0 : _213.areaChart) !== null && _214 !== void 0 ? _214 : areaChart,
|
|
504
|
+
color: (_216 = (_215 = props.secondaryLineConfig) === null || _215 === void 0 ? void 0 : _215.color) !== null && _216 !== void 0 ? _216 : color1,
|
|
505
|
+
thickness: (_218 = (_217 = props.secondaryLineConfig) === null || _217 === void 0 ? void 0 : _217.thickness) !== null && _218 !== void 0 ? _218 : thickness1,
|
|
506
|
+
zIndex1: (_220 = (_219 = props.secondaryLineConfig) === null || _219 === void 0 ? void 0 : _219.zIndex1) !== null && _220 !== void 0 ? _220 : zIndex1,
|
|
507
|
+
strokeDashArray: (_222 = (_221 = props.secondaryLineConfig) === null || _221 === void 0 ? void 0 : _221.strokeDashArray) !== null && _222 !== void 0 ? _222 : strokeDashArray1,
|
|
508
|
+
strokeLinecap: (_224 = (_223 = props.secondaryLineConfig) === null || _223 === void 0 ? void 0 : _223.strokeLinecap) !== null && _224 !== void 0 ? _224 : strokeLinecap1,
|
|
509
|
+
startIndex: (_226 = (_225 = props.secondaryLineConfig) === null || _225 === void 0 ? void 0 : _225.startIndex) !== null && _226 !== void 0 ? _226 : startIndex1,
|
|
510
|
+
endIndex: (_228 = (_227 = props.secondaryLineConfig) === null || _227 === void 0 ? void 0 : _227.endIndex) !== null && _228 !== void 0 ? _228 : endIndex1,
|
|
511
|
+
hideDataPoints: (_230 = (_229 = props.secondaryLineConfig) === null || _229 === void 0 ? void 0 : _229.hideDataPoints) !== null && _230 !== void 0 ? _230 : hideDataPoints1,
|
|
512
|
+
dataPointsHeight: (_232 = (_231 = props.secondaryLineConfig) === null || _231 === void 0 ? void 0 : _231.dataPointsHeight) !== null && _232 !== void 0 ? _232 : dataPointsHeight1,
|
|
513
|
+
dataPointsWidth: (_234 = (_233 = props.secondaryLineConfig) === null || _233 === void 0 ? void 0 : _233.dataPointsWidth) !== null && _234 !== void 0 ? _234 : dataPointsWidth1,
|
|
514
|
+
dataPointsRadius: (_236 = (_235 = props.secondaryLineConfig) === null || _235 === void 0 ? void 0 : _235.dataPointsRadius) !== null && _236 !== void 0 ? _236 : dataPointsRadius1,
|
|
515
|
+
dataPointsColor: (_238 = (_237 = props.secondaryLineConfig) === null || _237 === void 0 ? void 0 : _237.dataPointsColor) !== null && _238 !== void 0 ? _238 : dataPointsColor1,
|
|
516
|
+
dataPointsShape: (_240 = (_239 = props.secondaryLineConfig) === null || _239 === void 0 ? void 0 : _239.dataPointsShape) !== null && _240 !== void 0 ? _240 : dataPointsShape1,
|
|
517
|
+
showValuesAsDataPointsText: (_242 = (_241 = props.secondaryLineConfig) === null || _241 === void 0 ? void 0 : _241.showValuesAsDataPointsText) !== null && _242 !== void 0 ? _242 : showValuesAsDataPointsText,
|
|
518
|
+
startFillColor: (_244 = (_243 = props.secondaryLineConfig) === null || _243 === void 0 ? void 0 : _243.startFillColor) !== null && _244 !== void 0 ? _244 : startFillColor1,
|
|
519
|
+
endFillColor: (_246 = (_245 = props.secondaryLineConfig) === null || _245 === void 0 ? void 0 : _245.endFillColor) !== null && _246 !== void 0 ? _246 : endFillColor1,
|
|
520
|
+
startOpacity: (_248 = (_247 = props.secondaryLineConfig) === null || _247 === void 0 ? void 0 : _247.startOpacity) !== null && _248 !== void 0 ? _248 : startOpacity1,
|
|
521
|
+
endOpacity: (_250 = (_249 = props.secondaryLineConfig) === null || _249 === void 0 ? void 0 : _249.endOpacity) !== null && _250 !== void 0 ? _250 : endOpacity1,
|
|
522
|
+
textFontSize: (_252 = (_251 = props.secondaryLineConfig) === null || _251 === void 0 ? void 0 : _251.textFontSize) !== null && _252 !== void 0 ? _252 : textFontSize1,
|
|
523
|
+
textColor: (_254 = (_253 = props.secondaryLineConfig) === null || _253 === void 0 ? void 0 : _253.textColor) !== null && _254 !== void 0 ? _254 : textColor1,
|
|
524
|
+
showArrow: (_256 = (_255 = props.secondaryLineConfig) === null || _255 === void 0 ? void 0 : _255.showArrow) !== null && _256 !== void 0 ? _256 : props.showArrows,
|
|
525
|
+
arrowConfig: (_258 = (_257 = props.secondaryLineConfig) === null || _257 === void 0 ? void 0 : _257.arrowConfig) !== null && _258 !== void 0 ? _258 : props.arrowConfig
|
|
527
526
|
};
|
|
528
527
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
529
528
|
? 0
|
|
530
|
-
: (
|
|
529
|
+
: (_259 = props.yAxisExtraHeight) !== null && _259 !== void 0 ? _259 : containerHeight / 20;
|
|
531
530
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
532
531
|
return ('M ' +
|
|
533
532
|
initialSpacing +
|
|
@@ -1072,12 +1071,12 @@ export var useLineChart = function (props) {
|
|
|
1072
1071
|
}
|
|
1073
1072
|
}
|
|
1074
1073
|
}, [secondaryData, secondaryLineConfig]);
|
|
1075
|
-
var gradientDirection = (
|
|
1074
|
+
var gradientDirection = (_260 = props.gradientDirection) !== null && _260 !== void 0 ? _260 : 'vertical';
|
|
1076
1075
|
var horizSections = [{ value: '0' }];
|
|
1077
|
-
var stepHeight = (
|
|
1078
|
-
var stepValue = (
|
|
1079
|
-
var noOfSectionsBelowXAxis = (
|
|
1080
|
-
var negativeStepValue = (
|
|
1076
|
+
var stepHeight = (_261 = props.stepHeight) !== null && _261 !== void 0 ? _261 : containerHeight / noOfSections;
|
|
1077
|
+
var stepValue = (_262 = props.stepValue) !== null && _262 !== void 0 ? _262 : maxValue / noOfSections;
|
|
1078
|
+
var noOfSectionsBelowXAxis = (_263 = props.noOfSectionsBelowXAxis) !== null && _263 !== void 0 ? _263 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
1079
|
+
var negativeStepValue = (_264 = props.negativeStepValue) !== null && _264 !== void 0 ? _264 : stepValue;
|
|
1081
1080
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
1082
1081
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
1083
1082
|
var fourthQuadrantHeight = Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
@@ -1094,13 +1093,13 @@ export var useLineChart = function (props) {
|
|
|
1094
1093
|
}
|
|
1095
1094
|
return extendedContainerHeight - (value * containerHeight) / maxValue;
|
|
1096
1095
|
};
|
|
1097
|
-
var showXAxisIndices = (
|
|
1098
|
-
var xAxisIndicesHeight = (
|
|
1099
|
-
var xAxisIndicesWidth = (
|
|
1100
|
-
var xAxisIndicesColor = (
|
|
1101
|
-
var xAxisLabelsAtBottom = (
|
|
1102
|
-
var xAxisTextNumberOfLines = (
|
|
1103
|
-
var xAxisLabelsVerticalShift = (
|
|
1096
|
+
var showXAxisIndices = (_265 = props.showXAxisIndices) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1097
|
+
var xAxisIndicesHeight = (_266 = props.xAxisIndicesHeight) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1098
|
+
var xAxisIndicesWidth = (_267 = props.xAxisIndicesWidth) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1099
|
+
var xAxisIndicesColor = (_268 = props.xAxisIndicesColor) !== null && _268 !== void 0 ? _268 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1100
|
+
var xAxisLabelsAtBottom = (_269 = props.xAxisLabelsAtBottom) !== null && _269 !== void 0 ? _269 : false;
|
|
1101
|
+
var xAxisTextNumberOfLines = (_270 = props.xAxisTextNumberOfLines) !== null && _270 !== void 0 ? _270 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1102
|
+
var xAxisLabelsVerticalShift = (_271 = props.xAxisLabelsVerticalShift) !== null && _271 !== void 0 ? _271 : (xAxisLabelsAtBottom
|
|
1104
1103
|
? fourthQuadrantHeight
|
|
1105
1104
|
: AxesAndRulesDefaults.xAxisLabelsVerticalShift);
|
|
1106
1105
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
@@ -1109,71 +1108,71 @@ export var useLineChart = function (props) {
|
|
|
1109
1108
|
defaultPointerConfig.pointerStripHeight =
|
|
1110
1109
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
1111
1110
|
var pointerConfig = props.pointerConfig;
|
|
1112
|
-
var getPointerProps = (
|
|
1113
|
-
var pointerHeight = (
|
|
1114
|
-
var pointerWidth = (
|
|
1115
|
-
var pointerRadius = (
|
|
1116
|
-
var pointerColor = (
|
|
1117
|
-
var pointerComponent = (
|
|
1111
|
+
var getPointerProps = (_272 = props.getPointerProps) !== null && _272 !== void 0 ? _272 : null;
|
|
1112
|
+
var pointerHeight = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.height;
|
|
1113
|
+
var pointerWidth = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.width;
|
|
1114
|
+
var pointerRadius = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.radius;
|
|
1115
|
+
var pointerColor = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerColor;
|
|
1116
|
+
var pointerComponent = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerComponent;
|
|
1118
1117
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
1119
1118
|
? false
|
|
1120
1119
|
: defaultPointerConfig.showPointerStrip;
|
|
1121
|
-
var pointerStripHeight = (
|
|
1122
|
-
var pointerStripWidth = (
|
|
1123
|
-
var pointerStripColor = (
|
|
1124
|
-
var pointerStripUptoDataPoint = (
|
|
1125
|
-
var pointerLabelComponent = (
|
|
1126
|
-
var stripOverPointer = (
|
|
1127
|
-
var shiftPointerLabelX = (
|
|
1128
|
-
var shiftPointerLabelY = (
|
|
1129
|
-
var pointerLabelWidth = (
|
|
1130
|
-
var pointerLabelHeight = (
|
|
1131
|
-
var autoAdjustPointerLabelPosition = (
|
|
1132
|
-
var pointerVanishDelay = (
|
|
1133
|
-
var activatePointersOnLongPress = (
|
|
1134
|
-
var activatePointersInstantlyOnTouch = (
|
|
1135
|
-
var activatePointersDelay = (
|
|
1136
|
-
var initialPointerIndex = (
|
|
1137
|
-
var initialPointerAppearDelay = (
|
|
1120
|
+
var pointerStripHeight = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripHeight;
|
|
1121
|
+
var pointerStripWidth = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripWidth;
|
|
1122
|
+
var pointerStripColor = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerStripColor;
|
|
1123
|
+
var pointerStripUptoDataPoint = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1124
|
+
var pointerLabelComponent = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.pointerLabelComponent;
|
|
1125
|
+
var stripOverPointer = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.stripOverPointer;
|
|
1126
|
+
var shiftPointerLabelX = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.shiftPointerLabelX;
|
|
1127
|
+
var shiftPointerLabelY = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.shiftPointerLabelY;
|
|
1128
|
+
var pointerLabelWidth = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.pointerLabelWidth;
|
|
1129
|
+
var pointerLabelHeight = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.pointerLabelHeight;
|
|
1130
|
+
var autoAdjustPointerLabelPosition = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1131
|
+
var pointerVanishDelay = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.pointerVanishDelay;
|
|
1132
|
+
var activatePointersOnLongPress = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1133
|
+
var activatePointersInstantlyOnTouch = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.activatePointersInstantlyOnTouch;
|
|
1134
|
+
var activatePointersDelay = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.activatePointersDelay;
|
|
1135
|
+
var initialPointerIndex = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.initialPointerIndex;
|
|
1136
|
+
var initialPointerAppearDelay = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _294 !== void 0 ? _294 : (isAnimated
|
|
1138
1137
|
? animationDuration
|
|
1139
1138
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
1140
|
-
var persistPointer = (
|
|
1141
|
-
var resetPointerIndexOnRelease = (
|
|
1142
|
-
var hidePointers = (
|
|
1143
|
-
var hidePointer1 = (
|
|
1144
|
-
var hidePointer2 = (
|
|
1145
|
-
var hidePointer3 = (
|
|
1146
|
-
var hidePointer4 = (
|
|
1147
|
-
var hidePointer5 = (
|
|
1148
|
-
var hideSecondaryPointer = (
|
|
1149
|
-
var resetPointerOnDataChange = (
|
|
1150
|
-
var hidePointerDataPointForMissingValues = (
|
|
1139
|
+
var persistPointer = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.persistPointer;
|
|
1140
|
+
var resetPointerIndexOnRelease = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.resetPointerIndexOnRelease;
|
|
1141
|
+
var hidePointers = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointers;
|
|
1142
|
+
var hidePointer1 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer1;
|
|
1143
|
+
var hidePointer2 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer2;
|
|
1144
|
+
var hidePointer3 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer3;
|
|
1145
|
+
var hidePointer4 = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hidePointer4;
|
|
1146
|
+
var hidePointer5 = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.hidePointer5;
|
|
1147
|
+
var hideSecondaryPointer = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _303 !== void 0 ? _303 : defaultPointerConfig.hideSecondaryPointer;
|
|
1148
|
+
var resetPointerOnDataChange = (_304 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _304 !== void 0 ? _304 : defaultPointerConfig.resetPointerOnDataChange;
|
|
1149
|
+
var hidePointerDataPointForMissingValues = (_305 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _305 !== void 0 ? _305 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
|
|
1151
1150
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
1152
|
-
var disableScroll = (
|
|
1151
|
+
var disableScroll = (_306 = props.disableScroll) !== null && _306 !== void 0 ? _306 : (pointerConfig
|
|
1153
1152
|
? activatePointersOnLongPress
|
|
1154
1153
|
? !!responderActive
|
|
1155
1154
|
: true
|
|
1156
1155
|
: false);
|
|
1157
|
-
var showScrollIndicator = (
|
|
1158
|
-
var focusEnabled = (
|
|
1159
|
-
var showDataPointOnFocus = (
|
|
1160
|
-
var showStripOnFocus = (
|
|
1161
|
-
var showTextOnFocus = (
|
|
1162
|
-
var showDataPointLabelOnFocus = (
|
|
1156
|
+
var showScrollIndicator = (_307 = props.showScrollIndicator) !== null && _307 !== void 0 ? _307 : LineDefaults.showScrollIndicator;
|
|
1157
|
+
var focusEnabled = (_308 = props.focusEnabled) !== null && _308 !== void 0 ? _308 : LineDefaults.focusEnabled;
|
|
1158
|
+
var showDataPointOnFocus = (_309 = props.showDataPointOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showDataPointOnFocus;
|
|
1159
|
+
var showStripOnFocus = (_310 = props.showStripOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showStripOnFocus;
|
|
1160
|
+
var showTextOnFocus = (_311 = props.showTextOnFocus) !== null && _311 !== void 0 ? _311 : LineDefaults.showTextOnFocus;
|
|
1161
|
+
var showDataPointLabelOnFocus = (_312 = props.showDataPointLabelOnFocus) !== null && _312 !== void 0 ? _312 : LineDefaults.showDataPointLabelOnFocus;
|
|
1163
1162
|
var stripHeight = props.stripHeight;
|
|
1164
|
-
var stripWidth = (
|
|
1165
|
-
var stripColor = (
|
|
1166
|
-
var stripOpacity = (
|
|
1163
|
+
var stripWidth = (_313 = props.stripWidth) !== null && _313 !== void 0 ? _313 : LineDefaults.stripWidth;
|
|
1164
|
+
var stripColor = (_314 = props.stripColor) !== null && _314 !== void 0 ? _314 : color1;
|
|
1165
|
+
var stripOpacity = (_315 = props.stripOpacity) !== null && _315 !== void 0 ? _315 : (startOpacity1 + endOpacity1) / 2;
|
|
1167
1166
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
1168
|
-
var unFocusOnPressOut = (
|
|
1169
|
-
var delayBeforeUnFocus = (
|
|
1170
|
-
var focusTogether = (
|
|
1171
|
-
var focusProximity = (
|
|
1172
|
-
var lineGradient = (
|
|
1173
|
-
var lineGradientDirection = (
|
|
1174
|
-
var lineGradientStartColor = (
|
|
1175
|
-
var lineGradientEndColor = (
|
|
1176
|
-
var
|
|
1167
|
+
var unFocusOnPressOut = (_316 = props.unFocusOnPressOut) !== null && _316 !== void 0 ? _316 : LineDefaults.unFocusOnPressOut;
|
|
1168
|
+
var delayBeforeUnFocus = (_317 = props.delayBeforeUnFocus) !== null && _317 !== void 0 ? _317 : LineDefaults.delayBeforeUnFocus;
|
|
1169
|
+
var focusTogether = (_318 = props.focusTogether) !== null && _318 !== void 0 ? _318 : true;
|
|
1170
|
+
var focusProximity = (_319 = props.focusProximity) !== null && _319 !== void 0 ? _319 : Infinity;
|
|
1171
|
+
var lineGradient = (_320 = props.lineGradient) !== null && _320 !== void 0 ? _320 : LineDefaults.lineGradient;
|
|
1172
|
+
var lineGradientDirection = (_321 = props.lineGradientDirection) !== null && _321 !== void 0 ? _321 : 'vertical';
|
|
1173
|
+
var lineGradientStartColor = (_322 = props.lineGradientStartColor) !== null && _322 !== void 0 ? _322 : LineDefaults.lineGradientStartColor;
|
|
1174
|
+
var lineGradientEndColor = (_323 = props.lineGradientEndColor) !== null && _323 !== void 0 ? _323 : LineDefaults.lineGradientEndColor;
|
|
1175
|
+
var _392 = __read(useState(-1), 2), selectedLineNumber = _392[0], setSelectedLineNumber = _392[1];
|
|
1177
1176
|
var getPointerY = function (value) {
|
|
1178
1177
|
return value || value === 0
|
|
1179
1178
|
? containerHeight -
|
|
@@ -1322,8 +1321,8 @@ export var useLineChart = function (props) {
|
|
|
1322
1321
|
setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
|
|
1323
1322
|
}
|
|
1324
1323
|
};
|
|
1325
|
-
var dataPointsRadius = (
|
|
1326
|
-
var dataPointsWidth = (
|
|
1324
|
+
var dataPointsRadius = (_325 = (_324 = props.dataPointsRadius1) !== null && _324 !== void 0 ? _324 : props.dataPointsRadius) !== null && _325 !== void 0 ? _325 : LineDefaults.dataPointsRadius;
|
|
1325
|
+
var dataPointsWidth = (_327 = (_326 = props.dataPointsWidth1) !== null && _326 !== void 0 ? _326 : props.dataPointsWidth) !== null && _327 !== void 0 ? _327 : LineDefaults.dataPointsWidth;
|
|
1327
1326
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1328
1327
|
? 0
|
|
1329
1328
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1391,7 +1390,7 @@ export var useLineChart = function (props) {
|
|
|
1391
1390
|
pointerY: pointerY,
|
|
1392
1391
|
onEndReached: props.onEndReached,
|
|
1393
1392
|
onStartReached: props.onStartReached,
|
|
1394
|
-
endReachedOffset: (
|
|
1393
|
+
endReachedOffset: (_328 = props.endReachedOffset) !== null && _328 !== void 0 ? _328 : LineDefaults.endReachedOffset,
|
|
1395
1394
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1396
1395
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint,
|
|
1397
1396
|
customBackground: props.customBackground,
|
|
@@ -1405,19 +1404,19 @@ export var useLineChart = function (props) {
|
|
|
1405
1404
|
var pointerItemLocal = [];
|
|
1406
1405
|
if (pointerConfig) {
|
|
1407
1406
|
pointerItemLocal = [
|
|
1408
|
-
__assign(__assign({}, pointerItem), { value: (
|
|
1407
|
+
__assign(__assign({}, pointerItem), { value: (_330 = (_329 = props.data) === null || _329 === void 0 ? void 0 : _329[pointerIndex]) === null || _330 === void 0 ? void 0 : _330.value })
|
|
1409
1408
|
];
|
|
1410
1409
|
if (pointerY2 !== 0) {
|
|
1411
|
-
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (
|
|
1410
|
+
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_332 = (_331 = props.data2) === null || _331 === void 0 ? void 0 : _331[pointerIndex]) === null || _332 === void 0 ? void 0 : _332.value }));
|
|
1412
1411
|
}
|
|
1413
1412
|
if (pointerY3 !== 0) {
|
|
1414
|
-
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (
|
|
1413
|
+
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_334 = (_333 = props.data3) === null || _333 === void 0 ? void 0 : _333[pointerIndex]) === null || _334 === void 0 ? void 0 : _334.value }));
|
|
1415
1414
|
}
|
|
1416
1415
|
if (pointerY4 !== 0) {
|
|
1417
|
-
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (
|
|
1416
|
+
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_336 = (_335 = props.data4) === null || _335 === void 0 ? void 0 : _335[pointerIndex]) === null || _336 === void 0 ? void 0 : _336.value }));
|
|
1418
1417
|
}
|
|
1419
1418
|
if (pointerY5 !== 0) {
|
|
1420
|
-
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (
|
|
1419
|
+
pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_338 = (_337 = props.data5) === null || _337 === void 0 ? void 0 : _337[pointerIndex]) === null || _338 === void 0 ? void 0 : _338.value }));
|
|
1421
1420
|
}
|
|
1422
1421
|
}
|
|
1423
1422
|
return {
|
|
@@ -60,7 +60,7 @@ export var usePopulationPyramid = function (props) {
|
|
|
60
60
|
: height;
|
|
61
61
|
var stepHeight = (_s = props.stepHeight) !== null && _s !== void 0 ? _s : containerHeight / noOfSections;
|
|
62
62
|
var xAxisLabelsHeight = 30;
|
|
63
|
-
var containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight;
|
|
63
|
+
var containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight + Math.max(0, xAxisLabelShiftY);
|
|
64
64
|
var mid = (width + yAxisLabelWidth) / 2;
|
|
65
65
|
var leftMax = Math.max.apply(Math, __spreadArray([], __read(data.map(function (item) { return item.left; })), false));
|
|
66
66
|
var rightMax = Math.max.apply(Math, __spreadArray([], __read(data.map(function (item) { return item.right; })), false));
|
package/dist/RadarChart/index.js
CHANGED
|
@@ -37,7 +37,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
37
37
|
import { radarChartDefaults } from '../utils/constants';
|
|
38
38
|
export var useRadarChart = function (props) {
|
|
39
39
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
40
|
-
var _u = props.circular, circular = _u === void 0 ? false : _u, _v = props.gridConfig, gridConfig = _v === void 0 ? {} : _v, _w = props.polygonConfig, polygonConfig = _w === void 0 ? {} : _w, _x = props.data, data = _x === void 0 ? [] : _x, dataSet = props.dataSet, _y = props.noOfSections, noOfSections = _y === void 0 ? radarChartDefaults.noOfSections : _y, _z = props.chartSize, chartSize = _z === void 0 ? radarChartDefaults.chartSize : _z, _0 = props.labelConfig, labelConfig = _0 === void 0 ? {} : _0, labelConfigArray = props.labelConfigArray, _1 = props.asterLinesConfig, asterLinesConfig = _1 === void 0 ? {} : _1, _2 = props.hideGrid, hideGrid = _2 === void 0 ? radarChartDefaults.hideGrid : _2, _3 = props.hideLabels, hideLabels = _3 === void 0 ? radarChartDefaults.hideLabels : _3, _4 = props.hideAsterLines, hideAsterLines = _4 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _4, _5 = props.dataLabelsConfig, dataLabelsConfig = _5 === void 0 ? {} : _5, _6 = props.labelsPositionOffset, labelsPositionOffset = _6 === void 0 ? radarChartDefaults.labelsPositionOffset : _6, _7 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _7 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? radarChartDefaults.isAnimated : _8, _9 = props.animationDuration, animationDuration = _9 === void 0 ? radarChartDefaults.animationDuration : _9, _10 = props.animateTogether, animateTogether = _10 === void 0 ? radarChartDefaults.animateTogether : _10;
|
|
40
|
+
var _u = props.circular, circular = _u === void 0 ? false : _u, _v = props.gridConfig, gridConfig = _v === void 0 ? {} : _v, _w = props.polygonConfig, polygonConfig = _w === void 0 ? {} : _w, _x = props.data, data = _x === void 0 ? [] : _x, dataSet = props.dataSet, _y = props.noOfSections, noOfSections = _y === void 0 ? radarChartDefaults.noOfSections : _y, _z = props.chartSize, chartSize = _z === void 0 ? radarChartDefaults.chartSize : _z, _0 = props.labelConfig, labelConfig = _0 === void 0 ? {} : _0, labelConfigArray = props.labelConfigArray, _1 = props.asterLinesConfig, asterLinesConfig = _1 === void 0 ? {} : _1, _2 = props.hideGrid, hideGrid = _2 === void 0 ? radarChartDefaults.hideGrid : _2, _3 = props.hideLabels, hideLabels = _3 === void 0 ? radarChartDefaults.hideLabels : _3, _4 = props.hideAsterLines, hideAsterLines = _4 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _4, _5 = props.dataLabelsConfig, dataLabelsConfig = _5 === void 0 ? {} : _5, _6 = props.labelsPositionOffset, labelsPositionOffset = _6 === void 0 ? radarChartDefaults.labelsPositionOffset : _6, _7 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _7 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? radarChartDefaults.isAnimated : _8, _9 = props.animationDuration, animationDuration = _9 === void 0 ? radarChartDefaults.animationDuration : _9, _10 = props.animateTogether, animateTogether = _10 === void 0 ? radarChartDefaults.animateTogether : _10, _11 = props.startAngle, startAngle = _11 === void 0 ? radarChartDefaults.startAngle : _11, _12 = props.isClockWise, isClockWise = _12 === void 0 ? radarChartDefaults.isClockWise : _12;
|
|
41
41
|
var labels = (_e = (_b = props.labels) !== null && _b !== void 0 ? _b : (_d = ((_c = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) !== null && _c !== void 0 ? _c : data)) === null || _d === void 0 ? void 0 : _d.map(function (_, index) { return "Label".concat(index + 1); })) !== null && _e !== void 0 ? _e : [];
|
|
42
42
|
var getMax = function (dataSet) {
|
|
43
43
|
return dataSet.reduce(function (acc, set) {
|
|
@@ -58,31 +58,31 @@ export var useRadarChart = function (props) {
|
|
|
58
58
|
};
|
|
59
59
|
var center = chartSize / 2;
|
|
60
60
|
var radius = center * 0.8;
|
|
61
|
-
var
|
|
62
|
-
.strokeDashArray :
|
|
63
|
-
.gradientColor :
|
|
64
|
-
.showGradient :
|
|
65
|
-
.gradientOpacity :
|
|
61
|
+
var _13 = gridConfig.stroke, gridStroke = _13 === void 0 ? radarChartDefaults.gridSection.stroke : _13, _14 = gridConfig.strokeWidth, gridStrokeWidth = _14 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _14, _15 = gridConfig.strokeDashArray, gridStrokeDashArray = _15 === void 0 ? radarChartDefaults.gridSection
|
|
62
|
+
.strokeDashArray : _15, _16 = gridConfig.fill, gridFill = _16 === void 0 ? radarChartDefaults.gridSection.fill : _16, _17 = gridConfig.gradientColor, gridGradientColor = _17 === void 0 ? radarChartDefaults.gridSection
|
|
63
|
+
.gradientColor : _17, _18 = gridConfig.showGradient, gridShowGradient = _18 === void 0 ? radarChartDefaults.gridSection
|
|
64
|
+
.showGradient : _18, _19 = gridConfig.opacity, gridOpacity = _19 === void 0 ? radarChartDefaults.gridSection.opacity : _19, _20 = gridConfig.gradientOpacity, gridGradientOpacity = _20 === void 0 ? radarChartDefaults.gridSection
|
|
65
|
+
.gradientOpacity : _20;
|
|
66
66
|
var gridSections = (_j = (_h = gridConfig.gridSections) === null || _h === void 0 ? void 0 : _h.map(function (i) { return (__assign(__assign({}, radarChartDefaults.gridSection), i)); })) !== null && _j !== void 0 ? _j : Array(noOfSections).fill({});
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
|
|
70
|
-
dataLabelsColor =
|
|
71
|
-
|
|
72
|
-
dataLabelsTextAnchor =
|
|
73
|
-
|
|
74
|
-
dataLabelsAlignmentBaseline =
|
|
75
|
-
|
|
76
|
-
dataLabelsFontWeight =
|
|
77
|
-
|
|
67
|
+
var _21 = labelConfig.fontSize, fontSize = _21 === void 0 ? radarChartDefaults.labelConfig.fontSize : _21, _22 = labelConfig.stroke, stroke = _22 === void 0 ? radarChartDefaults.labelConfig.stroke : _22, _23 = labelConfig.textAnchor, textAnchor = _23 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _23, _24 = labelConfig.alignmentBaseline, alignmentBaseline = _24 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _24, _25 = labelConfig.fontWeight, fontWeight = _25 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _25, _26 = labelConfig.fontFamily, fontFamily = _26 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _26;
|
|
68
|
+
var _27 = dataLabelsConfig.fontSize, dataLabelsFontSize = _27 === void 0 ? fontSize : _27, // defaults to labelConfig (from above)
|
|
69
|
+
_28 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
|
|
70
|
+
dataLabelsColor = _28 === void 0 ? stroke : _28, // defaults to labelConfig (from above)
|
|
71
|
+
_29 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
|
|
72
|
+
dataLabelsTextAnchor = _29 === void 0 ? textAnchor : _29, // defaults to labelConfig (from above)
|
|
73
|
+
_30 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
|
|
74
|
+
dataLabelsAlignmentBaseline = _30 === void 0 ? alignmentBaseline : _30, // defaults to labelConfig (from above)
|
|
75
|
+
_31 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
|
|
76
|
+
dataLabelsFontWeight = _31 === void 0 ? fontWeight : _31, // defaults to labelConfig (from above)
|
|
77
|
+
_32 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
|
|
78
78
|
, // defaults to labelConfig (from above)
|
|
79
|
-
dataLabelsFontFamily =
|
|
79
|
+
dataLabelsFontFamily = _32 === void 0 ? fontFamily : _32 // defaults to labelConfig (from above)
|
|
80
80
|
;
|
|
81
|
-
var
|
|
82
|
-
.strokeWidth :
|
|
83
|
-
.strokeDashArray :
|
|
84
|
-
.gradientColor :
|
|
85
|
-
.showGradient :
|
|
81
|
+
var _33 = polygonConfig.stroke, polygonStroke = _33 === void 0 ? radarChartDefaults.polygonConfig.stroke : _33, _34 = polygonConfig.strokeWidth, polygonStrokeWidth = _34 === void 0 ? radarChartDefaults.polygonConfig
|
|
82
|
+
.strokeWidth : _34, _35 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _35 === void 0 ? radarChartDefaults.polygonConfig
|
|
83
|
+
.strokeDashArray : _35, _36 = polygonConfig.fill, polygonFill = _36 === void 0 ? radarChartDefaults.polygonConfig.fill : _36, _37 = polygonConfig.gradientColor, polygonGradientColor = _37 === void 0 ? radarChartDefaults.polygonConfig
|
|
84
|
+
.gradientColor : _37, _38 = polygonConfig.showGradient, polygonShowGradient = _38 === void 0 ? radarChartDefaults.polygonConfig
|
|
85
|
+
.showGradient : _38, _39 = polygonConfig.opacity, polygonOpacity = _39 === void 0 ? radarChartDefaults.polygonConfig.opacity : _39, _40 = polygonConfig.gradientOpacity, polygonGradientOpacity = _40 === void 0 ? polygonOpacity : _40, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels, _41 = polygonConfig.isAnimated, polygonIsAnimated = _41 === void 0 ? isAnimated : _41, _42 = polygonConfig.animationDuration, polygonAnimationDuration = _42 === void 0 ? animationDuration : _42;
|
|
86
86
|
var polygonConfigArray = (_l = (_k = props.polygonConfigArray) === null || _k === void 0 ? void 0 : _k.map(function (set) {
|
|
87
87
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
88
88
|
return ({
|
|
@@ -147,27 +147,27 @@ export var useRadarChart = function (props) {
|
|
|
147
147
|
});
|
|
148
148
|
});
|
|
149
149
|
})) !== null && _r !== void 0 ? _r : (dataSet ? Array(dataSet.length).fill(dataLabelsConfigArray) : null);
|
|
150
|
-
var
|
|
150
|
+
var _43 = asterLinesConfig.stroke, asterLinesStroke = _43 === void 0 ? gridStroke : _43, _44 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _44 === void 0 ? gridStrokeWidth : _44, _45 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _45 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _45;
|
|
151
151
|
// Calculate angles for each category
|
|
152
|
-
var angleStep = 360 / labels.length;
|
|
152
|
+
var angleStep = (360 / labels.length) * (isClockWise ? -1 : 1);
|
|
153
153
|
// Generate coordinates for the data points
|
|
154
154
|
var points = data.map(function (value, index) {
|
|
155
|
-
var angle = index * angleStep;
|
|
155
|
+
var angle = index * angleStep + startAngle;
|
|
156
156
|
return polarToCartesian(angle, value);
|
|
157
157
|
});
|
|
158
158
|
var initialPoints = data.map(function (value, index) {
|
|
159
|
-
var angle = index * angleStep;
|
|
159
|
+
var angle = index * angleStep + startAngle;
|
|
160
160
|
return polarToCartesian(angle, 0);
|
|
161
161
|
});
|
|
162
162
|
var pointsArray = (_s = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
|
|
163
163
|
return set.map(function (value, index) {
|
|
164
|
-
var angle = index * angleStep;
|
|
164
|
+
var angle = index * angleStep + startAngle;
|
|
165
165
|
return polarToCartesian(angle, value);
|
|
166
166
|
});
|
|
167
167
|
})) !== null && _s !== void 0 ? _s : [];
|
|
168
168
|
var initialPointsArray = (_t = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
|
|
169
169
|
return set.map(function (value, index) {
|
|
170
|
-
var angle = index * angleStep;
|
|
170
|
+
var angle = index * angleStep + startAngle;
|
|
171
171
|
return polarToCartesian(angle, 0);
|
|
172
172
|
});
|
|
173
173
|
})) !== null && _t !== void 0 ? _t : [];
|
|
@@ -193,7 +193,7 @@ export var useRadarChart = function (props) {
|
|
|
193
193
|
var gridShowGradientLocal = gridItem.showGradient || gridShowGradient;
|
|
194
194
|
var gridStrokeDashArrayLocal = gridItem.strokeDashArray || gridStrokeDashArray;
|
|
195
195
|
var levelPoints = labels.map(function (_, index) {
|
|
196
|
-
var angle = index * angleStep;
|
|
196
|
+
var angle = index * angleStep + startAngle;
|
|
197
197
|
return polarToCartesian(angle, (level / noOfSections) * maxValue);
|
|
198
198
|
});
|
|
199
199
|
var levelPolygonPoints = levelPoints
|
|
@@ -279,6 +279,7 @@ export var useRadarChart = function (props) {
|
|
|
279
279
|
hideLabels: hideLabels,
|
|
280
280
|
hideAsterLines: hideAsterLines,
|
|
281
281
|
getGridLevelProps: getGridLevelProps,
|
|
282
|
-
animateTogether: animateTogether
|
|
282
|
+
animateTogether: animateTogether,
|
|
283
|
+
startAngle: startAngle
|
|
283
284
|
};
|
|
284
285
|
};
|
|
@@ -193,7 +193,9 @@ export var useBarAndLineChartsWrapper = function (props) {
|
|
|
193
193
|
containerHeight: containerHeight,
|
|
194
194
|
containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
|
|
195
195
|
lineConfig: lineConfig,
|
|
196
|
-
maxValue: (
|
|
196
|
+
maxValue: (lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.isSecondary)
|
|
197
|
+
? (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _15 !== void 0 ? _15 : maxValue
|
|
198
|
+
: maxValue,
|
|
197
199
|
animatedWidth: animatedWidth,
|
|
198
200
|
lineBehindBars: lineBehindBars,
|
|
199
201
|
points: points,
|
package/dist/utils/constants.js
CHANGED