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