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