gifted-charts-core 0.1.53 → 0.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LineChart/index.d.ts +1 -1
- package/dist/LineChart/index.js +217 -209
- package/dist/RadarChart/index.d.ts +6 -1
- package/dist/RadarChart/index.js +112 -30
- package/dist/RadarChart/types.d.ts +6 -2
- package/dist/components/BarAndLineChartsWrapper/index.js +4 -3
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/index.js +13 -5
- package/dist/utils/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -309,7 +309,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
|
|
|
309
309
|
};
|
|
310
310
|
addLeadingAndTrailingPathForAreaFill: (initialPath: string, value: number, dataLength: number) => string;
|
|
311
311
|
getNextPoint: (data: lineDataItemNullSafe[], index: number, around: boolean, before: boolean, spacingArray: number[]) => string;
|
|
312
|
-
getStepPath: (data: lineDataItemNullSafe[], i: number, spacingArray: number[]) => string;
|
|
312
|
+
getStepPath: (data: lineDataItemNullSafe[], i: number, spacingArray: number[], lineSegment: LineSegment[] | undefined) => string;
|
|
313
313
|
getSegmentPath: (data: lineDataItemNullSafe[], i: number, lineSegment: LineSegment[] | undefined, startIndex: number, endIndex: number, spacingArray: number[], isSecondary?: boolean) => string;
|
|
314
314
|
gradientDirection: string;
|
|
315
315
|
horizSections: {
|
package/dist/LineChart/index.js
CHANGED
|
@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
|
|
|
39
39
|
import { 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;
|
|
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;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _316 = props.interpolateMissingValues, interpolateMissingValues = _316 === void 0 ? true : _316, _317 = props.extrapolateMissingValues, extrapolateMissingValues = _317 === void 0 ? true : _317, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue;
|
|
44
44
|
var lastLineNumber = 1;
|
|
45
45
|
if (props.secondaryData) {
|
|
46
46
|
lastLineNumber = 6667; // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
|
|
@@ -63,48 +63,48 @@ export var useLineChart = function (props) {
|
|
|
63
63
|
// because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
|
|
64
64
|
var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
|
|
65
65
|
var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
var
|
|
106
|
-
var
|
|
107
|
-
var
|
|
66
|
+
var _318 = __read(useState(0), 2), scrollX = _318[0], setScrollX = _318[1];
|
|
67
|
+
var _319 = __read(useState(''), 2), arrow1Points = _319[0], setArrow1Points = _319[1];
|
|
68
|
+
var _320 = __read(useState(''), 2), arrow2Points = _320[0], setArrow2Points = _320[1];
|
|
69
|
+
var _321 = __read(useState(''), 2), arrow3Points = _321[0], setArrow3Points = _321[1];
|
|
70
|
+
var _322 = __read(useState(''), 2), arrow4Points = _322[0], setArrow4Points = _322[1];
|
|
71
|
+
var _323 = __read(useState(''), 2), arrow5Points = _323[0], setArrow5Points = _323[1];
|
|
72
|
+
var _324 = __read(useState(''), 2), secondaryArrowPoints = _324[0], setSecondaryArrowPoints = _324[1];
|
|
73
|
+
var _325 = __read(useState(-1), 2), pointerIndex = _325[0], setPointerIndex = _325[1];
|
|
74
|
+
var _326 = __read(useState(0), 2), pointerX = _326[0], setPointerX = _326[1];
|
|
75
|
+
var _327 = __read(useState(0), 2), pointerY = _327[0], setPointerY = _327[1];
|
|
76
|
+
var _328 = __read(useState(), 2), pointerItem = _328[0], setPointerItem = _328[1];
|
|
77
|
+
var _329 = __read(useState(0), 2), pointerY2 = _329[0], setPointerY2 = _329[1];
|
|
78
|
+
var _330 = __read(useState(), 2), pointerItem2 = _330[0], setPointerItem2 = _330[1];
|
|
79
|
+
var _331 = __read(useState(0), 2), pointerY3 = _331[0], setPointerY3 = _331[1];
|
|
80
|
+
var _332 = __read(useState(), 2), pointerItem3 = _332[0], setPointerItem3 = _332[1];
|
|
81
|
+
var _333 = __read(useState(0), 2), pointerY4 = _333[0], setPointerY4 = _333[1];
|
|
82
|
+
var _334 = __read(useState(), 2), pointerItem4 = _334[0], setPointerItem4 = _334[1];
|
|
83
|
+
var _335 = __read(useState(0), 2), pointerY5 = _335[0], setPointerY5 = _335[1];
|
|
84
|
+
var _336 = __read(useState([]), 2), pointerYsForDataSet = _336[0], setPointerYsForDataSet = _336[1];
|
|
85
|
+
var _337 = __read(useState(), 2), pointerItem5 = _337[0], setPointerItem5 = _337[1];
|
|
86
|
+
var _338 = __read(useState(0), 2), secondaryPointerY = _338[0], setSecondaryPointerY = _338[1];
|
|
87
|
+
var _339 = __read(useState(), 2), secondaryPointerItem = _339[0], setSecondaryPointerItem = _339[1];
|
|
88
|
+
var _340 = __read(useState([]), 2), pointerItemsForSet = _340[0], setPointerItemsForSet = _340[1];
|
|
89
|
+
var _341 = __read(useState([]), 2), secondaryPointerItemsForSet = _341[0], setSecondaryPointerItemsForSet = _341[1];
|
|
90
|
+
var _342 = __read(useState(0), 2), responderStartTime = _342[0], setResponderStartTime = _342[1];
|
|
91
|
+
var _343 = __read(useState(false), 2), responderActive = _343[0], setResponderActive = _343[1];
|
|
92
|
+
var _344 = __read(useState(''), 2), points = _344[0], setPoints = _344[1];
|
|
93
|
+
var _345 = __read(useState(''), 2), points2 = _345[0], setPoints2 = _345[1];
|
|
94
|
+
var _346 = __read(useState(''), 2), points3 = _346[0], setPoints3 = _346[1];
|
|
95
|
+
var _347 = __read(useState(''), 2), points4 = _347[0], setPoints4 = _347[1];
|
|
96
|
+
var _348 = __read(useState(''), 2), points5 = _348[0], setPoints5 = _348[1];
|
|
97
|
+
var _349 = __read(useState(''), 2), secondaryPoints = _349[0], setSecondaryPoints = _349[1];
|
|
98
|
+
var _350 = __read(useState(''), 2), fillPoints = _350[0], setFillPoints = _350[1];
|
|
99
|
+
var _351 = __read(useState(''), 2), fillPoints2 = _351[0], setFillPoints2 = _351[1];
|
|
100
|
+
var _352 = __read(useState(''), 2), fillPoints3 = _352[0], setFillPoints3 = _352[1];
|
|
101
|
+
var _353 = __read(useState(''), 2), fillPoints4 = _353[0], setFillPoints4 = _353[1];
|
|
102
|
+
var _354 = __read(useState(''), 2), fillPoints5 = _354[0], setFillPoints5 = _354[1];
|
|
103
|
+
var _355 = __read(useState(''), 2), secondaryFillPoints = _355[0], setSecondaryFillPoints = _355[1];
|
|
104
|
+
var _356 = __read(useState([]), 2), pointsFromSet = _356[0], setPointsFromSet = _356[1];
|
|
105
|
+
var _357 = __read(useState([]), 2), fillPointsFromSet = _357[0], setFillPointsFromSet = _357[1];
|
|
106
|
+
var _358 = __read(useState([]), 2), arrowPointsFromSet = _358[0], setArrowPointsFromSet = _358[1];
|
|
107
|
+
var _359 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _359[0], setSelectedIndex = _359[1];
|
|
108
108
|
useEffect(function () {
|
|
109
109
|
var _a;
|
|
110
110
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
@@ -279,6 +279,7 @@ export var useLineChart = function (props) {
|
|
|
279
279
|
var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
280
280
|
var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
|
|
281
281
|
var mergedPrimaryDataArrays = [];
|
|
282
|
+
var mergedPrimaryDataArraysOriginals = [];
|
|
282
283
|
var mergedSecondaryDataArrays = [];
|
|
283
284
|
var maxSpacingSum = 0; // max of spacingSum among all the lines
|
|
284
285
|
var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
|
|
@@ -286,14 +287,15 @@ export var useLineChart = function (props) {
|
|
|
286
287
|
var strips = {};
|
|
287
288
|
if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
|
|
288
289
|
dataSet.forEach(function (set, key) {
|
|
289
|
-
var _a;
|
|
290
|
+
var _a, _b, _c, _d;
|
|
290
291
|
if (set.isSecondary) {
|
|
291
292
|
mergedSecondaryDataArrays.push.apply(mergedSecondaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
292
293
|
}
|
|
293
294
|
else {
|
|
294
295
|
mergedPrimaryDataArrays.push.apply(mergedPrimaryDataArrays, __spreadArray([], __read(set.data), false));
|
|
296
|
+
mergedPrimaryDataArraysOriginals.push.apply(mergedPrimaryDataArraysOriginals, __spreadArray([], __read(((_c = (_b = (_a = props.dataSet) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : [])), false));
|
|
295
297
|
}
|
|
296
|
-
var space = (
|
|
298
|
+
var space = (_d = set.spacing) !== null && _d !== void 0 ? _d : spacing;
|
|
297
299
|
var spacingSum = 0;
|
|
298
300
|
set.data.forEach(function (item, index) {
|
|
299
301
|
var _a, _b;
|
|
@@ -401,6 +403,7 @@ export var useLineChart = function (props) {
|
|
|
401
403
|
}
|
|
402
404
|
}
|
|
403
405
|
mergedPrimaryDataArrays = data;
|
|
406
|
+
mergedPrimaryDataArraysOriginals = (_106 = props.data) !== null && _106 !== void 0 ? _106 : [];
|
|
404
407
|
mergedSecondaryDataArrays = secondaryData;
|
|
405
408
|
}
|
|
406
409
|
if (!mergedPrimaryDataArrays.length) {
|
|
@@ -410,12 +413,12 @@ export var useLineChart = function (props) {
|
|
|
410
413
|
var valuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
411
414
|
Math.min.apply(// find the largest +ve number
|
|
412
415
|
Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
413
|
-
var showFractionalValues = (
|
|
414
|
-
var roundToDigits = (
|
|
415
|
-
var
|
|
416
|
+
var showFractionalValues = (_107 = props.showFractionalValues) !== null && _107 !== void 0 ? _107 : (isFinite(valuesRange) && valuesRange <= 1);
|
|
417
|
+
var roundToDigits = (_108 = props.roundToDigits) !== null && _108 !== void 0 ? _108 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
|
|
418
|
+
var _360 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _360.maxItem, minItem = _360.minItem;
|
|
416
419
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
|
|
417
|
-
var mostNegativeValue = (
|
|
418
|
-
var overflowTop = ((
|
|
420
|
+
var mostNegativeValue = (_109 = props.mostNegativeValue) !== null && _109 !== void 0 ? _109 : minItem;
|
|
421
|
+
var overflowTop = ((_110 = props.overflowTop) !== null && _110 !== void 0 ? _110 : props.secondaryXAxis)
|
|
419
422
|
? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
|
|
420
423
|
: AxesAndRulesDefaults.overflowTop;
|
|
421
424
|
var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
|
|
@@ -428,100 +431,100 @@ export var useLineChart = function (props) {
|
|
|
428
431
|
var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
|
|
429
432
|
Math.min.apply(// find the largest +ve number
|
|
430
433
|
Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
|
|
431
|
-
var showSecondaryFractionalValues = (
|
|
432
|
-
var secondaryRoundToDigits = (
|
|
434
|
+
var showSecondaryFractionalValues = (_112 = (_111 = props.secondaryYAxis) === null || _111 === void 0 ? void 0 : _111.showFractionalValues) !== null && _112 !== void 0 ? _112 : secondaryValuesRange <= 1;
|
|
435
|
+
var secondaryRoundToDigits = (_114 = (_113 = props.secondaryYAxis) === null || _113 === void 0 ? void 0 : _113.roundToDigits) !== null && _114 !== void 0 ? _114 : (showSecondaryFractionalValues
|
|
433
436
|
? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
|
|
434
437
|
: 0);
|
|
435
|
-
var
|
|
436
|
-
var secondaryMaxValue = (
|
|
438
|
+
var _361 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _361.maxItem, secondaryMinItem = _361.minItem;
|
|
439
|
+
var secondaryMaxValue = (_116 = (_115 = props.secondaryYAxis) === null || _115 === void 0 ? void 0 : _115.maxValue) !== null && _116 !== void 0 ? _116 : (secondaryMaxItem || maxValue);
|
|
437
440
|
var getSecondaryY = function (value) {
|
|
438
441
|
return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
|
|
439
442
|
};
|
|
440
443
|
var heightUptoXaxis = extendedContainerHeight - xAxisThickness;
|
|
441
|
-
var showValuesAsDataPointsText = (
|
|
442
|
-
var thickness1 = (
|
|
443
|
-
var thickness2 = (
|
|
444
|
-
var thickness3 = (
|
|
445
|
-
var thickness4 = (
|
|
446
|
-
var thickness5 = (
|
|
447
|
-
var zIndex1 = (
|
|
448
|
-
var zIndex2 = (
|
|
449
|
-
var zIndex3 = (
|
|
450
|
-
var zIndex4 = (
|
|
451
|
-
var zIndex5 = (
|
|
452
|
-
var strokeDashArray1 = (
|
|
453
|
-
var strokeDashArray2 = (
|
|
454
|
-
var strokeDashArray3 = (
|
|
455
|
-
var strokeDashArray4 = (
|
|
456
|
-
var strokeDashArray5 = (
|
|
457
|
-
var rotateLabel = (
|
|
458
|
-
var isAnimated = (
|
|
459
|
-
var hideDataPoints1 = (
|
|
460
|
-
var hideDataPoints2 = (
|
|
461
|
-
var hideDataPoints3 = (
|
|
462
|
-
var hideDataPoints4 = (
|
|
463
|
-
var hideDataPoints5 = (
|
|
464
|
-
var color1 = (
|
|
465
|
-
var color2 = (
|
|
466
|
-
var color3 = (
|
|
467
|
-
var color4 = (
|
|
468
|
-
var color5 = (
|
|
469
|
-
var startFillColor1 = (
|
|
470
|
-
var endFillColor1 = (
|
|
471
|
-
var startOpacity = (
|
|
472
|
-
var endOpacity = (
|
|
473
|
-
var startOpacity1 = (
|
|
474
|
-
var endOpacity1 = (
|
|
475
|
-
var startFillColor2 = (
|
|
476
|
-
var endFillColor2 = (
|
|
477
|
-
var startOpacity2 = (
|
|
478
|
-
var endOpacity2 = (
|
|
479
|
-
var startFillColor3 = (
|
|
480
|
-
var endFillColor3 = (
|
|
481
|
-
var startOpacity3 = (
|
|
482
|
-
var endOpacity3 = (
|
|
483
|
-
var startFillColor4 = (
|
|
484
|
-
var endFillColor4 = (
|
|
485
|
-
var startOpacity4 = (
|
|
486
|
-
var endOpacity4 = (
|
|
487
|
-
var startFillColor5 = (
|
|
488
|
-
var endFillColor5 = (
|
|
489
|
-
var startOpacity5 = (
|
|
490
|
-
var endOpacity5 = (
|
|
491
|
-
defaultArrowConfig.strokeWidth = (
|
|
492
|
-
defaultArrowConfig.strokeColor = (
|
|
493
|
-
var
|
|
444
|
+
var showValuesAsDataPointsText = (_117 = props.showValuesAsDataPointsText) !== null && _117 !== void 0 ? _117 : LineDefaults.showValuesAsDataPointsText;
|
|
445
|
+
var thickness1 = (_119 = (_118 = props.thickness1) !== null && _118 !== void 0 ? _118 : props.thickness) !== null && _119 !== void 0 ? _119 : LineDefaults.thickness;
|
|
446
|
+
var thickness2 = (_121 = (_120 = props.thickness2) !== null && _120 !== void 0 ? _120 : props.thickness) !== null && _121 !== void 0 ? _121 : LineDefaults.thickness;
|
|
447
|
+
var thickness3 = (_123 = (_122 = props.thickness3) !== null && _122 !== void 0 ? _122 : props.thickness) !== null && _123 !== void 0 ? _123 : LineDefaults.thickness;
|
|
448
|
+
var thickness4 = (_125 = (_124 = props.thickness4) !== null && _124 !== void 0 ? _124 : props.thickness) !== null && _125 !== void 0 ? _125 : LineDefaults.thickness;
|
|
449
|
+
var thickness5 = (_127 = (_126 = props.thickness5) !== null && _126 !== void 0 ? _126 : props.thickness) !== null && _127 !== void 0 ? _127 : LineDefaults.thickness;
|
|
450
|
+
var zIndex1 = (_128 = props.zIndex1) !== null && _128 !== void 0 ? _128 : 0;
|
|
451
|
+
var zIndex2 = (_129 = props.zIndex2) !== null && _129 !== void 0 ? _129 : 0;
|
|
452
|
+
var zIndex3 = (_130 = props.zIndex3) !== null && _130 !== void 0 ? _130 : 0;
|
|
453
|
+
var zIndex4 = (_131 = props.zIndex4) !== null && _131 !== void 0 ? _131 : 0;
|
|
454
|
+
var zIndex5 = (_132 = props.zIndex5) !== null && _132 !== void 0 ? _132 : 0;
|
|
455
|
+
var strokeDashArray1 = (_133 = props.strokeDashArray1) !== null && _133 !== void 0 ? _133 : props.strokeDashArray;
|
|
456
|
+
var strokeDashArray2 = (_134 = props.strokeDashArray2) !== null && _134 !== void 0 ? _134 : props.strokeDashArray;
|
|
457
|
+
var strokeDashArray3 = (_135 = props.strokeDashArray3) !== null && _135 !== void 0 ? _135 : props.strokeDashArray;
|
|
458
|
+
var strokeDashArray4 = (_136 = props.strokeDashArray4) !== null && _136 !== void 0 ? _136 : props.strokeDashArray;
|
|
459
|
+
var strokeDashArray5 = (_137 = props.strokeDashArray5) !== null && _137 !== void 0 ? _137 : props.strokeDashArray;
|
|
460
|
+
var rotateLabel = (_138 = props.rotateLabel) !== null && _138 !== void 0 ? _138 : false;
|
|
461
|
+
var isAnimated = (_139 = props.isAnimated) !== null && _139 !== void 0 ? _139 : false;
|
|
462
|
+
var hideDataPoints1 = (_141 = (_140 = props.hideDataPoints) !== null && _140 !== void 0 ? _140 : props.hideDataPoints1) !== null && _141 !== void 0 ? _141 : false;
|
|
463
|
+
var hideDataPoints2 = (_143 = (_142 = props.hideDataPoints) !== null && _142 !== void 0 ? _142 : props.hideDataPoints2) !== null && _143 !== void 0 ? _143 : false;
|
|
464
|
+
var hideDataPoints3 = (_145 = (_144 = props.hideDataPoints) !== null && _144 !== void 0 ? _144 : props.hideDataPoints3) !== null && _145 !== void 0 ? _145 : false;
|
|
465
|
+
var hideDataPoints4 = (_147 = (_146 = props.hideDataPoints) !== null && _146 !== void 0 ? _146 : props.hideDataPoints4) !== null && _147 !== void 0 ? _147 : false;
|
|
466
|
+
var hideDataPoints5 = (_149 = (_148 = props.hideDataPoints) !== null && _148 !== void 0 ? _148 : props.hideDataPoints5) !== null && _149 !== void 0 ? _149 : false;
|
|
467
|
+
var color1 = (_151 = (_150 = props.color1) !== null && _150 !== void 0 ? _150 : props.color) !== null && _151 !== void 0 ? _151 : LineDefaults.color;
|
|
468
|
+
var color2 = (_153 = (_152 = props.color2) !== null && _152 !== void 0 ? _152 : props.color) !== null && _153 !== void 0 ? _153 : LineDefaults.color;
|
|
469
|
+
var color3 = (_155 = (_154 = props.color3) !== null && _154 !== void 0 ? _154 : props.color) !== null && _155 !== void 0 ? _155 : LineDefaults.color;
|
|
470
|
+
var color4 = (_157 = (_156 = props.color4) !== null && _156 !== void 0 ? _156 : props.color) !== null && _157 !== void 0 ? _157 : LineDefaults.color;
|
|
471
|
+
var color5 = (_159 = (_158 = props.color5) !== null && _158 !== void 0 ? _158 : props.color) !== null && _159 !== void 0 ? _159 : LineDefaults.color;
|
|
472
|
+
var startFillColor1 = (_161 = (_160 = props.startFillColor1) !== null && _160 !== void 0 ? _160 : props.startFillColor) !== null && _161 !== void 0 ? _161 : LineDefaults.startFillColor;
|
|
473
|
+
var endFillColor1 = (_163 = (_162 = props.endFillColor1) !== null && _162 !== void 0 ? _162 : props.endFillColor) !== null && _163 !== void 0 ? _163 : LineDefaults.endFillColor;
|
|
474
|
+
var startOpacity = (_164 = props.startOpacity) !== null && _164 !== void 0 ? _164 : LineDefaults.startOpacity;
|
|
475
|
+
var endOpacity = (_165 = props.endOpacity) !== null && _165 !== void 0 ? _165 : LineDefaults.endOpacity;
|
|
476
|
+
var startOpacity1 = (_166 = props.startOpacity1) !== null && _166 !== void 0 ? _166 : startOpacity;
|
|
477
|
+
var endOpacity1 = (_167 = props.endOpacity1) !== null && _167 !== void 0 ? _167 : endOpacity;
|
|
478
|
+
var startFillColor2 = (_169 = (_168 = props.startFillColor2) !== null && _168 !== void 0 ? _168 : props.startFillColor) !== null && _169 !== void 0 ? _169 : LineDefaults.startFillColor;
|
|
479
|
+
var endFillColor2 = (_171 = (_170 = props.endFillColor2) !== null && _170 !== void 0 ? _170 : props.endFillColor) !== null && _171 !== void 0 ? _171 : LineDefaults.endFillColor;
|
|
480
|
+
var startOpacity2 = (_172 = props.startOpacity2) !== null && _172 !== void 0 ? _172 : startOpacity;
|
|
481
|
+
var endOpacity2 = (_173 = props.endOpacity2) !== null && _173 !== void 0 ? _173 : endOpacity;
|
|
482
|
+
var startFillColor3 = (_175 = (_174 = props.startFillColor3) !== null && _174 !== void 0 ? _174 : props.startFillColor) !== null && _175 !== void 0 ? _175 : LineDefaults.startFillColor;
|
|
483
|
+
var endFillColor3 = (_177 = (_176 = props.endFillColor3) !== null && _176 !== void 0 ? _176 : props.endFillColor) !== null && _177 !== void 0 ? _177 : LineDefaults.endFillColor;
|
|
484
|
+
var startOpacity3 = (_178 = props.startOpacity3) !== null && _178 !== void 0 ? _178 : startOpacity;
|
|
485
|
+
var endOpacity3 = (_179 = props.endOpacity3) !== null && _179 !== void 0 ? _179 : endOpacity;
|
|
486
|
+
var startFillColor4 = (_181 = (_180 = props.startFillColor4) !== null && _180 !== void 0 ? _180 : props.startFillColor) !== null && _181 !== void 0 ? _181 : LineDefaults.startFillColor;
|
|
487
|
+
var endFillColor4 = (_183 = (_182 = props.endFillColor4) !== null && _182 !== void 0 ? _182 : props.endFillColor) !== null && _183 !== void 0 ? _183 : LineDefaults.endFillColor;
|
|
488
|
+
var startOpacity4 = (_184 = props.startOpacity4) !== null && _184 !== void 0 ? _184 : startOpacity;
|
|
489
|
+
var endOpacity4 = (_185 = props.endOpacity4) !== null && _185 !== void 0 ? _185 : endOpacity;
|
|
490
|
+
var startFillColor5 = (_187 = (_186 = props.startFillColor5) !== null && _186 !== void 0 ? _186 : props.startFillColor) !== null && _187 !== void 0 ? _187 : LineDefaults.startFillColor;
|
|
491
|
+
var endFillColor5 = (_189 = (_188 = props.endFillColor5) !== null && _188 !== void 0 ? _188 : props.endFillColor) !== null && _189 !== void 0 ? _189 : LineDefaults.endFillColor;
|
|
492
|
+
var startOpacity5 = (_190 = props.startOpacity5) !== null && _190 !== void 0 ? _190 : startOpacity;
|
|
493
|
+
var endOpacity5 = (_191 = props.endOpacity5) !== null && _191 !== void 0 ? _191 : endOpacity;
|
|
494
|
+
defaultArrowConfig.strokeWidth = (_193 = (_192 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _192 === void 0 ? void 0 : _192.thickness) !== null && _193 !== void 0 ? _193 : thickness1;
|
|
495
|
+
defaultArrowConfig.strokeColor = (_195 = (_194 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _194 === void 0 ? void 0 : _194.color) !== null && _195 !== void 0 ? _195 : color1;
|
|
496
|
+
var _362 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _362.arrowLength1, arrowWidth1 = _362.arrowWidth1, arrowStrokeWidth1 = _362.arrowStrokeWidth1, arrowStrokeColor1 = _362.arrowStrokeColor1, arrowFillColor1 = _362.arrowFillColor1, showArrowBase1 = _362.showArrowBase1, arrowLength2 = _362.arrowLength2, arrowWidth2 = _362.arrowWidth2, arrowStrokeWidth2 = _362.arrowStrokeWidth2, arrowStrokeColor2 = _362.arrowStrokeColor2, arrowFillColor2 = _362.arrowFillColor2, showArrowBase2 = _362.showArrowBase2, arrowLength3 = _362.arrowLength3, arrowWidth3 = _362.arrowWidth3, arrowStrokeWidth3 = _362.arrowStrokeWidth3, arrowStrokeColor3 = _362.arrowStrokeColor3, arrowFillColor3 = _362.arrowFillColor3, showArrowBase3 = _362.showArrowBase3, arrowLength4 = _362.arrowLength4, arrowWidth4 = _362.arrowWidth4, arrowStrokeWidth4 = _362.arrowStrokeWidth4, arrowStrokeColor4 = _362.arrowStrokeColor4, arrowFillColor4 = _362.arrowFillColor4, showArrowBase4 = _362.showArrowBase4, arrowLength5 = _362.arrowLength5, arrowWidth5 = _362.arrowWidth5, arrowStrokeWidth5 = _362.arrowStrokeWidth5, arrowStrokeColor5 = _362.arrowStrokeColor5, arrowFillColor5 = _362.arrowFillColor5, showArrowBase5 = _362.showArrowBase5, arrowLengthsFromSet = _362.arrowLengthsFromSet, arrowWidthsFromSet = _362.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _362.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _362.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _362.arrowFillColorsFromSet, showArrowBasesFromSet = _362.showArrowBasesFromSet;
|
|
494
497
|
var secondaryLineConfig = {
|
|
495
|
-
zIndex: (
|
|
496
|
-
curved: (
|
|
497
|
-
curvature: (
|
|
498
|
-
curveType: (
|
|
499
|
-
areaChart: (
|
|
500
|
-
color: (
|
|
501
|
-
thickness: (
|
|
502
|
-
zIndex1: (
|
|
503
|
-
strokeDashArray: (
|
|
504
|
-
startIndex: (
|
|
505
|
-
endIndex: (
|
|
506
|
-
hideDataPoints: (
|
|
507
|
-
dataPointsHeight: (
|
|
508
|
-
dataPointsWidth: (
|
|
509
|
-
dataPointsRadius: (
|
|
510
|
-
dataPointsColor: (
|
|
511
|
-
dataPointsShape: (
|
|
512
|
-
showValuesAsDataPointsText: (
|
|
513
|
-
startFillColor: (
|
|
514
|
-
endFillColor: (
|
|
515
|
-
startOpacity: (
|
|
516
|
-
endOpacity: (
|
|
517
|
-
textFontSize: (
|
|
518
|
-
textColor: (
|
|
519
|
-
showArrow: (
|
|
520
|
-
arrowConfig: (
|
|
498
|
+
zIndex: (_197 = (_196 = props.secondaryLineConfig) === null || _196 === void 0 ? void 0 : _196.zIndex) !== null && _197 !== void 0 ? _197 : zIndex1,
|
|
499
|
+
curved: (_199 = (_198 = props.secondaryLineConfig) === null || _198 === void 0 ? void 0 : _198.curved) !== null && _199 !== void 0 ? _199 : props.curved,
|
|
500
|
+
curvature: (_201 = (_200 = props.secondaryLineConfig) === null || _200 === void 0 ? void 0 : _200.curvature) !== null && _201 !== void 0 ? _201 : curvature,
|
|
501
|
+
curveType: (_203 = (_202 = props.secondaryLineConfig) === null || _202 === void 0 ? void 0 : _202.curveType) !== null && _203 !== void 0 ? _203 : curveType,
|
|
502
|
+
areaChart: (_205 = (_204 = props.secondaryLineConfig) === null || _204 === void 0 ? void 0 : _204.areaChart) !== null && _205 !== void 0 ? _205 : areaChart,
|
|
503
|
+
color: (_207 = (_206 = props.secondaryLineConfig) === null || _206 === void 0 ? void 0 : _206.color) !== null && _207 !== void 0 ? _207 : color1,
|
|
504
|
+
thickness: (_209 = (_208 = props.secondaryLineConfig) === null || _208 === void 0 ? void 0 : _208.thickness) !== null && _209 !== void 0 ? _209 : thickness1,
|
|
505
|
+
zIndex1: (_211 = (_210 = props.secondaryLineConfig) === null || _210 === void 0 ? void 0 : _210.zIndex1) !== null && _211 !== void 0 ? _211 : zIndex1,
|
|
506
|
+
strokeDashArray: (_213 = (_212 = props.secondaryLineConfig) === null || _212 === void 0 ? void 0 : _212.strokeDashArray) !== null && _213 !== void 0 ? _213 : strokeDashArray1,
|
|
507
|
+
startIndex: (_215 = (_214 = props.secondaryLineConfig) === null || _214 === void 0 ? void 0 : _214.startIndex) !== null && _215 !== void 0 ? _215 : startIndex1,
|
|
508
|
+
endIndex: (_217 = (_216 = props.secondaryLineConfig) === null || _216 === void 0 ? void 0 : _216.endIndex) !== null && _217 !== void 0 ? _217 : endIndex1,
|
|
509
|
+
hideDataPoints: (_219 = (_218 = props.secondaryLineConfig) === null || _218 === void 0 ? void 0 : _218.hideDataPoints) !== null && _219 !== void 0 ? _219 : hideDataPoints1,
|
|
510
|
+
dataPointsHeight: (_221 = (_220 = props.secondaryLineConfig) === null || _220 === void 0 ? void 0 : _220.dataPointsHeight) !== null && _221 !== void 0 ? _221 : dataPointsHeight1,
|
|
511
|
+
dataPointsWidth: (_223 = (_222 = props.secondaryLineConfig) === null || _222 === void 0 ? void 0 : _222.dataPointsWidth) !== null && _223 !== void 0 ? _223 : dataPointsWidth1,
|
|
512
|
+
dataPointsRadius: (_225 = (_224 = props.secondaryLineConfig) === null || _224 === void 0 ? void 0 : _224.dataPointsRadius) !== null && _225 !== void 0 ? _225 : dataPointsRadius1,
|
|
513
|
+
dataPointsColor: (_227 = (_226 = props.secondaryLineConfig) === null || _226 === void 0 ? void 0 : _226.dataPointsColor) !== null && _227 !== void 0 ? _227 : dataPointsColor1,
|
|
514
|
+
dataPointsShape: (_229 = (_228 = props.secondaryLineConfig) === null || _228 === void 0 ? void 0 : _228.dataPointsShape) !== null && _229 !== void 0 ? _229 : dataPointsShape1,
|
|
515
|
+
showValuesAsDataPointsText: (_231 = (_230 = props.secondaryLineConfig) === null || _230 === void 0 ? void 0 : _230.showValuesAsDataPointsText) !== null && _231 !== void 0 ? _231 : showValuesAsDataPointsText,
|
|
516
|
+
startFillColor: (_233 = (_232 = props.secondaryLineConfig) === null || _232 === void 0 ? void 0 : _232.startFillColor) !== null && _233 !== void 0 ? _233 : startFillColor1,
|
|
517
|
+
endFillColor: (_235 = (_234 = props.secondaryLineConfig) === null || _234 === void 0 ? void 0 : _234.endFillColor) !== null && _235 !== void 0 ? _235 : endFillColor1,
|
|
518
|
+
startOpacity: (_237 = (_236 = props.secondaryLineConfig) === null || _236 === void 0 ? void 0 : _236.startOpacity) !== null && _237 !== void 0 ? _237 : startOpacity1,
|
|
519
|
+
endOpacity: (_239 = (_238 = props.secondaryLineConfig) === null || _238 === void 0 ? void 0 : _238.endOpacity) !== null && _239 !== void 0 ? _239 : endOpacity1,
|
|
520
|
+
textFontSize: (_241 = (_240 = props.secondaryLineConfig) === null || _240 === void 0 ? void 0 : _240.textFontSize) !== null && _241 !== void 0 ? _241 : textFontSize1,
|
|
521
|
+
textColor: (_243 = (_242 = props.secondaryLineConfig) === null || _242 === void 0 ? void 0 : _242.textColor) !== null && _243 !== void 0 ? _243 : textColor1,
|
|
522
|
+
showArrow: (_245 = (_244 = props.secondaryLineConfig) === null || _244 === void 0 ? void 0 : _244.showArrow) !== null && _245 !== void 0 ? _245 : props.showArrows,
|
|
523
|
+
arrowConfig: (_247 = (_246 = props.secondaryLineConfig) === null || _246 === void 0 ? void 0 : _246.arrowConfig) !== null && _247 !== void 0 ? _247 : props.arrowConfig
|
|
521
524
|
};
|
|
522
525
|
var yAxisExtraHeightAtTop = props.trimYAxisAtTop
|
|
523
526
|
? 0
|
|
524
|
-
: (
|
|
527
|
+
: (_248 = props.yAxisExtraHeight) !== null && _248 !== void 0 ? _248 : containerHeight / 20;
|
|
525
528
|
var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
|
|
526
529
|
return ('M ' +
|
|
527
530
|
initialSpacing +
|
|
@@ -557,14 +560,18 @@ export var useLineChart = function (props) {
|
|
|
557
560
|
getY(data[index].value) +
|
|
558
561
|
' ';
|
|
559
562
|
};
|
|
560
|
-
var getStepPath = function (data, i, spacingArray) {
|
|
563
|
+
var getStepPath = function (data, i, spacingArray, lineSegment) {
|
|
561
564
|
var around = edgePosition === EdgePosition.AROUND_DATA_POINT;
|
|
562
565
|
var before = edgePosition === EdgePosition.BEFORE_DATA_POINT;
|
|
566
|
+
var isSegment = lineSegment === null || lineSegment === void 0 ? void 0 : lineSegment.find(function (segment) { return segment.startIndex === i; });
|
|
563
567
|
return ('L' +
|
|
564
568
|
(getX(spacingArray, i) -
|
|
565
569
|
(around && i > 0 ? spacing / 2 : before && i > 0 ? spacing : 0)) +
|
|
566
570
|
' ' +
|
|
567
571
|
getY(data[i].value) +
|
|
572
|
+
(isSegment
|
|
573
|
+
? getSegmentString(lineSegment, i, SEGMENT_START, SEGMENT_END, true)
|
|
574
|
+
: '') +
|
|
568
575
|
getNextPoint(data, i, around, before, spacingArray));
|
|
569
576
|
};
|
|
570
577
|
var getSegmentPath = function (data, i, lineSegment, startIndex, endIndex, spacingArray, isSecondary) {
|
|
@@ -630,7 +637,7 @@ export var useLineChart = function (props) {
|
|
|
630
637
|
if (i >= ((_k = set.startIndex) !== null && _k !== void 0 ? _k : 0) &&
|
|
631
638
|
i <= ((_l = set.endIndex) !== null && _l !== void 0 ? _l : set.data.length - 1)) {
|
|
632
639
|
if ((_m = set.stepChart) !== null && _m !== void 0 ? _m : stepChart) {
|
|
633
|
-
pp += getStepPath(set.data, i, cumulativeSpacingForSet[index]);
|
|
640
|
+
pp += getStepPath(set.data, i, cumulativeSpacingForSet[index], setSegments);
|
|
634
641
|
}
|
|
635
642
|
else {
|
|
636
643
|
pp += getSegmentPath(set.data, i, setSegments, //set.lineSegments,
|
|
@@ -678,7 +685,7 @@ export var useLineChart = function (props) {
|
|
|
678
685
|
for (var i = 0; i < lengthOfLongestDataArray; i++) {
|
|
679
686
|
if (i >= startIndex1 && i <= endIndex1) {
|
|
680
687
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart1) {
|
|
681
|
-
pp += getStepPath(data, i, cumulativeSpacing1);
|
|
688
|
+
pp += getStepPath(data, i, cumulativeSpacing1, lineSegments);
|
|
682
689
|
}
|
|
683
690
|
else {
|
|
684
691
|
pp += getSegmentPath(data, i, lineSegments, startIndex1, endIndex1, cumulativeSpacing1);
|
|
@@ -686,7 +693,7 @@ export var useLineChart = function (props) {
|
|
|
686
693
|
}
|
|
687
694
|
if (data2.length > 0 && i >= startIndex2 && i <= endIndex2) {
|
|
688
695
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart2) {
|
|
689
|
-
pp2 += getStepPath(data2, i, cumulativeSpacing2);
|
|
696
|
+
pp2 += getStepPath(data2, i, cumulativeSpacing2, lineSegments2);
|
|
690
697
|
}
|
|
691
698
|
else {
|
|
692
699
|
pp2 += getSegmentPath(data2, i, lineSegments2, startIndex2, endIndex2, cumulativeSpacing2);
|
|
@@ -694,7 +701,7 @@ export var useLineChart = function (props) {
|
|
|
694
701
|
}
|
|
695
702
|
if (data3.length > 0 && i >= startIndex3 && i <= endIndex3) {
|
|
696
703
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart3) {
|
|
697
|
-
pp3 += getStepPath(data3, i, cumulativeSpacing3);
|
|
704
|
+
pp3 += getStepPath(data3, i, cumulativeSpacing3, lineSegments3);
|
|
698
705
|
}
|
|
699
706
|
else {
|
|
700
707
|
pp3 += getSegmentPath(data3, i, lineSegments3, startIndex3, endIndex3, cumulativeSpacing3);
|
|
@@ -702,7 +709,7 @@ export var useLineChart = function (props) {
|
|
|
702
709
|
}
|
|
703
710
|
if (data4.length > 0 && i >= startIndex4 && i <= endIndex4) {
|
|
704
711
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart4) {
|
|
705
|
-
pp4 += getStepPath(data4, i, cumulativeSpacing4);
|
|
712
|
+
pp4 += getStepPath(data4, i, cumulativeSpacing4, lineSegments4);
|
|
706
713
|
}
|
|
707
714
|
else {
|
|
708
715
|
pp4 += getSegmentPath(data4, i, lineSegments4, startIndex4, endIndex4, cumulativeSpacing4);
|
|
@@ -710,7 +717,7 @@ export var useLineChart = function (props) {
|
|
|
710
717
|
}
|
|
711
718
|
if (data5.length > 0 && i >= startIndex5 && i <= endIndex5) {
|
|
712
719
|
if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart5) {
|
|
713
|
-
pp5 += getStepPath(data5, i, cumulativeSpacing5);
|
|
720
|
+
pp5 += getStepPath(data5, i, cumulativeSpacing5, lineSegments5);
|
|
714
721
|
}
|
|
715
722
|
else {
|
|
716
723
|
pp5 += getSegmentPath(data5, i, lineSegments5, startIndex5, endIndex5, cumulativeSpacing5);
|
|
@@ -1060,93 +1067,93 @@ export var useLineChart = function (props) {
|
|
|
1060
1067
|
}
|
|
1061
1068
|
}
|
|
1062
1069
|
}, [secondaryData, secondaryLineConfig]);
|
|
1063
|
-
var gradientDirection = (
|
|
1070
|
+
var gradientDirection = (_249 = props.gradientDirection) !== null && _249 !== void 0 ? _249 : 'vertical';
|
|
1064
1071
|
var horizSections = [{ value: '0' }];
|
|
1065
|
-
var stepHeight = (
|
|
1066
|
-
var stepValue = (
|
|
1067
|
-
var noOfSectionsBelowXAxis = (
|
|
1072
|
+
var stepHeight = (_250 = props.stepHeight) !== null && _250 !== void 0 ? _250 : containerHeight / noOfSections;
|
|
1073
|
+
var stepValue = (_251 = props.stepValue) !== null && _251 !== void 0 ? _251 : maxValue / noOfSections;
|
|
1074
|
+
var noOfSectionsBelowXAxis = (_252 = props.noOfSectionsBelowXAxis) !== null && _252 !== void 0 ? _252 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
|
|
1068
1075
|
var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
|
|
1069
1076
|
var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
|
|
1070
1077
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight +
|
|
1071
1078
|
Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
|
|
1072
1079
|
stepHeight;
|
|
1073
|
-
var showXAxisIndices = (
|
|
1074
|
-
var xAxisIndicesHeight = (
|
|
1075
|
-
var xAxisIndicesWidth = (
|
|
1076
|
-
var xAxisIndicesColor = (
|
|
1077
|
-
var xAxisTextNumberOfLines = (
|
|
1078
|
-
var xAxisLabelsVerticalShift = (
|
|
1080
|
+
var showXAxisIndices = (_253 = props.showXAxisIndices) !== null && _253 !== void 0 ? _253 : AxesAndRulesDefaults.showXAxisIndices;
|
|
1081
|
+
var xAxisIndicesHeight = (_254 = props.xAxisIndicesHeight) !== null && _254 !== void 0 ? _254 : AxesAndRulesDefaults.xAxisIndicesHeight;
|
|
1082
|
+
var xAxisIndicesWidth = (_255 = props.xAxisIndicesWidth) !== null && _255 !== void 0 ? _255 : AxesAndRulesDefaults.xAxisIndicesWidth;
|
|
1083
|
+
var xAxisIndicesColor = (_256 = props.xAxisIndicesColor) !== null && _256 !== void 0 ? _256 : AxesAndRulesDefaults.xAxisIndicesColor;
|
|
1084
|
+
var xAxisTextNumberOfLines = (_257 = props.xAxisTextNumberOfLines) !== null && _257 !== void 0 ? _257 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
|
|
1085
|
+
var xAxisLabelsVerticalShift = (_258 = props.xAxisLabelsVerticalShift) !== null && _258 !== void 0 ? _258 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
|
|
1079
1086
|
var horizontalRulesStyle = props.horizontalRulesStyle;
|
|
1080
1087
|
var horizontal = false;
|
|
1081
1088
|
var yAxisAtTop = false;
|
|
1082
1089
|
defaultPointerConfig.pointerStripHeight =
|
|
1083
1090
|
containerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
1084
1091
|
var pointerConfig = props.pointerConfig;
|
|
1085
|
-
var getPointerProps = (
|
|
1086
|
-
var pointerHeight = (
|
|
1087
|
-
var pointerWidth = (
|
|
1088
|
-
var pointerRadius = (
|
|
1089
|
-
var pointerColor = (
|
|
1090
|
-
var pointerComponent = (
|
|
1092
|
+
var getPointerProps = (_259 = props.getPointerProps) !== null && _259 !== void 0 ? _259 : null;
|
|
1093
|
+
var pointerHeight = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.height;
|
|
1094
|
+
var pointerWidth = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.width;
|
|
1095
|
+
var pointerRadius = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.radius;
|
|
1096
|
+
var pointerColor = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerColor;
|
|
1097
|
+
var pointerComponent = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.pointerComponent;
|
|
1091
1098
|
var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
|
|
1092
1099
|
? false
|
|
1093
1100
|
: defaultPointerConfig.showPointerStrip;
|
|
1094
|
-
var pointerStripHeight = (
|
|
1095
|
-
var pointerStripWidth = (
|
|
1096
|
-
var pointerStripColor = (
|
|
1097
|
-
var pointerStripUptoDataPoint = (
|
|
1098
|
-
var pointerLabelComponent = (
|
|
1099
|
-
var stripOverPointer = (
|
|
1100
|
-
var shiftPointerLabelX = (
|
|
1101
|
-
var shiftPointerLabelY = (
|
|
1102
|
-
var pointerLabelWidth = (
|
|
1103
|
-
var pointerLabelHeight = (
|
|
1104
|
-
var autoAdjustPointerLabelPosition = (
|
|
1105
|
-
var pointerVanishDelay = (
|
|
1106
|
-
var activatePointersOnLongPress = (
|
|
1107
|
-
var activatePointersInstantlyOnTouch = (
|
|
1108
|
-
var activatePointersDelay = (
|
|
1109
|
-
var initialPointerIndex = (
|
|
1110
|
-
var initialPointerAppearDelay = (
|
|
1101
|
+
var pointerStripHeight = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.pointerStripHeight;
|
|
1102
|
+
var pointerStripWidth = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.pointerStripWidth;
|
|
1103
|
+
var pointerStripColor = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.pointerStripColor;
|
|
1104
|
+
var pointerStripUptoDataPoint = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.pointerStripUptoDataPoint;
|
|
1105
|
+
var pointerLabelComponent = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.pointerLabelComponent;
|
|
1106
|
+
var stripOverPointer = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.stripOverPointer;
|
|
1107
|
+
var shiftPointerLabelX = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.shiftPointerLabelX;
|
|
1108
|
+
var shiftPointerLabelY = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.shiftPointerLabelY;
|
|
1109
|
+
var pointerLabelWidth = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.pointerLabelWidth;
|
|
1110
|
+
var pointerLabelHeight = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.pointerLabelHeight;
|
|
1111
|
+
var autoAdjustPointerLabelPosition = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.autoAdjustPointerLabelPosition;
|
|
1112
|
+
var pointerVanishDelay = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerVanishDelay;
|
|
1113
|
+
var activatePointersOnLongPress = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.activatePointersOnLongPress;
|
|
1114
|
+
var activatePointersInstantlyOnTouch = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.activatePointersInstantlyOnTouch;
|
|
1115
|
+
var activatePointersDelay = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.activatePointersDelay;
|
|
1116
|
+
var initialPointerIndex = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.initialPointerIndex;
|
|
1117
|
+
var initialPointerAppearDelay = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _281 !== void 0 ? _281 : (isAnimated
|
|
1111
1118
|
? animationDuration
|
|
1112
1119
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
1113
|
-
var persistPointer = (
|
|
1114
|
-
var resetPointerIndexOnRelease = (
|
|
1115
|
-
var hidePointers = (
|
|
1116
|
-
var hidePointer1 = (
|
|
1117
|
-
var hidePointer2 = (
|
|
1118
|
-
var hidePointer3 = (
|
|
1119
|
-
var hidePointer4 = (
|
|
1120
|
-
var hidePointer5 = (
|
|
1121
|
-
var hideSecondaryPointer = (
|
|
1122
|
-
var resetPointerOnDataChange = (
|
|
1123
|
-
var hidePointerDataPointForMissingValues = (
|
|
1120
|
+
var persistPointer = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.persistPointer;
|
|
1121
|
+
var resetPointerIndexOnRelease = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.resetPointerIndexOnRelease;
|
|
1122
|
+
var hidePointers = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.hidePointers;
|
|
1123
|
+
var hidePointer1 = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.hidePointer1;
|
|
1124
|
+
var hidePointer2 = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.hidePointer2;
|
|
1125
|
+
var hidePointer3 = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.hidePointer3;
|
|
1126
|
+
var hidePointer4 = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.hidePointer4;
|
|
1127
|
+
var hidePointer5 = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.hidePointer5;
|
|
1128
|
+
var hideSecondaryPointer = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.hideSecondaryPointer;
|
|
1129
|
+
var resetPointerOnDataChange = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.resetPointerOnDataChange;
|
|
1130
|
+
var hidePointerDataPointForMissingValues = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _292 !== void 0 ? _292 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
|
|
1124
1131
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
1125
|
-
var disableScroll = (
|
|
1132
|
+
var disableScroll = (_293 = props.disableScroll) !== null && _293 !== void 0 ? _293 : (pointerConfig
|
|
1126
1133
|
? activatePointersOnLongPress
|
|
1127
1134
|
? !!responderActive
|
|
1128
1135
|
: true
|
|
1129
1136
|
: false);
|
|
1130
|
-
var showScrollIndicator = (
|
|
1131
|
-
var focusEnabled = (
|
|
1132
|
-
var showDataPointOnFocus = (
|
|
1133
|
-
var showStripOnFocus = (
|
|
1134
|
-
var showTextOnFocus = (
|
|
1135
|
-
var showDataPointLabelOnFocus = (
|
|
1137
|
+
var showScrollIndicator = (_294 = props.showScrollIndicator) !== null && _294 !== void 0 ? _294 : LineDefaults.showScrollIndicator;
|
|
1138
|
+
var focusEnabled = (_295 = props.focusEnabled) !== null && _295 !== void 0 ? _295 : LineDefaults.focusEnabled;
|
|
1139
|
+
var showDataPointOnFocus = (_296 = props.showDataPointOnFocus) !== null && _296 !== void 0 ? _296 : LineDefaults.showDataPointOnFocus;
|
|
1140
|
+
var showStripOnFocus = (_297 = props.showStripOnFocus) !== null && _297 !== void 0 ? _297 : LineDefaults.showStripOnFocus;
|
|
1141
|
+
var showTextOnFocus = (_298 = props.showTextOnFocus) !== null && _298 !== void 0 ? _298 : LineDefaults.showTextOnFocus;
|
|
1142
|
+
var showDataPointLabelOnFocus = (_299 = props.showDataPointLabelOnFocus) !== null && _299 !== void 0 ? _299 : LineDefaults.showDataPointLabelOnFocus;
|
|
1136
1143
|
var stripHeight = props.stripHeight;
|
|
1137
|
-
var stripWidth = (
|
|
1138
|
-
var stripColor = (
|
|
1139
|
-
var stripOpacity = (
|
|
1144
|
+
var stripWidth = (_300 = props.stripWidth) !== null && _300 !== void 0 ? _300 : LineDefaults.stripWidth;
|
|
1145
|
+
var stripColor = (_301 = props.stripColor) !== null && _301 !== void 0 ? _301 : color1;
|
|
1146
|
+
var stripOpacity = (_302 = props.stripOpacity) !== null && _302 !== void 0 ? _302 : (startOpacity1 + endOpacity1) / 2;
|
|
1140
1147
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
1141
|
-
var unFocusOnPressOut = (
|
|
1142
|
-
var delayBeforeUnFocus = (
|
|
1143
|
-
var focusTogether = (
|
|
1144
|
-
var focusProximity = (
|
|
1145
|
-
var lineGradient = (
|
|
1146
|
-
var lineGradientDirection = (
|
|
1147
|
-
var lineGradientStartColor = (
|
|
1148
|
-
var lineGradientEndColor = (
|
|
1149
|
-
var
|
|
1148
|
+
var unFocusOnPressOut = (_303 = props.unFocusOnPressOut) !== null && _303 !== void 0 ? _303 : LineDefaults.unFocusOnPressOut;
|
|
1149
|
+
var delayBeforeUnFocus = (_304 = props.delayBeforeUnFocus) !== null && _304 !== void 0 ? _304 : LineDefaults.delayBeforeUnFocus;
|
|
1150
|
+
var focusTogether = (_305 = props.focusTogether) !== null && _305 !== void 0 ? _305 : true;
|
|
1151
|
+
var focusProximity = (_306 = props.focusProximity) !== null && _306 !== void 0 ? _306 : Infinity;
|
|
1152
|
+
var lineGradient = (_307 = props.lineGradient) !== null && _307 !== void 0 ? _307 : LineDefaults.lineGradient;
|
|
1153
|
+
var lineGradientDirection = (_308 = props.lineGradientDirection) !== null && _308 !== void 0 ? _308 : 'vertical';
|
|
1154
|
+
var lineGradientStartColor = (_309 = props.lineGradientStartColor) !== null && _309 !== void 0 ? _309 : LineDefaults.lineGradientStartColor;
|
|
1155
|
+
var lineGradientEndColor = (_310 = props.lineGradientEndColor) !== null && _310 !== void 0 ? _310 : LineDefaults.lineGradientEndColor;
|
|
1156
|
+
var _363 = __read(useState(-1), 2), selectedLineNumber = _363[0], setSelectedLineNumber = _363[1];
|
|
1150
1157
|
var getPointerY = function (value) {
|
|
1151
1158
|
return value
|
|
1152
1159
|
? containerHeight -
|
|
@@ -1286,8 +1293,8 @@ export var useLineChart = function (props) {
|
|
|
1286
1293
|
setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
|
|
1287
1294
|
}
|
|
1288
1295
|
};
|
|
1289
|
-
var dataPointsRadius = (
|
|
1290
|
-
var dataPointsWidth = (
|
|
1296
|
+
var dataPointsRadius = (_312 = (_311 = props.dataPointsRadius1) !== null && _311 !== void 0 ? _311 : props.dataPointsRadius) !== null && _312 !== void 0 ? _312 : LineDefaults.dataPointsRadius;
|
|
1297
|
+
var dataPointsWidth = (_314 = (_313 = props.dataPointsWidth1) !== null && _313 !== void 0 ? _313 : props.dataPointsWidth) !== null && _314 !== void 0 ? _314 : LineDefaults.dataPointsWidth;
|
|
1291
1298
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1292
1299
|
? 0
|
|
1293
1300
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1355,10 +1362,11 @@ export var useLineChart = function (props) {
|
|
|
1355
1362
|
pointerY: pointerY,
|
|
1356
1363
|
onEndReached: props.onEndReached,
|
|
1357
1364
|
onStartReached: props.onStartReached,
|
|
1358
|
-
endReachedOffset: (
|
|
1365
|
+
endReachedOffset: (_315 = props.endReachedOffset) !== null && _315 !== void 0 ? _315 : LineDefaults.endReachedOffset,
|
|
1359
1366
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1360
1367
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint,
|
|
1361
|
-
customBackground: props.customBackground
|
|
1368
|
+
customBackground: props.customBackground,
|
|
1369
|
+
onlyPositive: onlyPositive
|
|
1362
1370
|
};
|
|
1363
1371
|
return {
|
|
1364
1372
|
curvature: curvature,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { GridConfig, RadarChartProps } from './types';
|
|
2
2
|
export declare const useRadarChart: (props: RadarChartProps) => {
|
|
3
3
|
data: number[];
|
|
4
|
+
dataSet: number[][] | undefined;
|
|
4
5
|
center: number;
|
|
5
6
|
radius: number;
|
|
6
7
|
chartSize: number;
|
|
@@ -12,9 +13,11 @@ export declare const useRadarChart: (props: RadarChartProps) => {
|
|
|
12
13
|
labels: string[];
|
|
13
14
|
labelConfigArray: import("./types").LabelConfig[] | undefined;
|
|
14
15
|
labelsPositionOffset: number;
|
|
15
|
-
|
|
16
|
+
dataLabelsConfigArray: any[];
|
|
16
17
|
maxValue: number;
|
|
17
18
|
dataLabels: string[] | null;
|
|
19
|
+
dataLabelsArray: (string[] | null)[] | undefined;
|
|
20
|
+
dataLabelsConfigSet: any[] | null;
|
|
18
21
|
gridSections: any[];
|
|
19
22
|
gridStroke: string;
|
|
20
23
|
gridStrokeWidth: number;
|
|
@@ -45,6 +48,7 @@ export declare const useRadarChart: (props: RadarChartProps) => {
|
|
|
45
48
|
polygonShowGradient: boolean;
|
|
46
49
|
polygonOpacity: number;
|
|
47
50
|
polygonGradientOpacity: number;
|
|
51
|
+
polygonConfigArray: any[] | null;
|
|
48
52
|
asterLinesStroke: string;
|
|
49
53
|
asterLinesStrokeWidth: number;
|
|
50
54
|
asterLinesStrokeDashArray: number[];
|
|
@@ -53,6 +57,7 @@ export declare const useRadarChart: (props: RadarChartProps) => {
|
|
|
53
57
|
y: number;
|
|
54
58
|
}[];
|
|
55
59
|
polygonPoints: string;
|
|
60
|
+
polygonPointsArray: string[];
|
|
56
61
|
angleStep: number;
|
|
57
62
|
circular: boolean;
|
|
58
63
|
hideGrid: boolean;
|
package/dist/RadarChart/index.js
CHANGED
|
@@ -36,11 +36,19 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
};
|
|
37
37
|
import { radarChartDefaults } from '../utils/constants';
|
|
38
38
|
export var useRadarChart = function (props) {
|
|
39
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
40
|
-
var
|
|
41
|
-
var labels = (
|
|
42
|
-
var
|
|
43
|
-
|
|
39
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
40
|
+
var _t = props.circular, circular = _t === void 0 ? false : _t, _u = props.gridConfig, gridConfig = _u === void 0 ? {} : _u, _v = props.polygonConfig, polygonConfig = _v === void 0 ? {} : _v, _w = props.data, data = _w === void 0 ? [] : _w, dataSet = props.dataSet, _x = props.noOfSections, noOfSections = _x === void 0 ? radarChartDefaults.noOfSections : _x, _y = props.chartSize, chartSize = _y === void 0 ? radarChartDefaults.chartSize : _y, _z = props.labelConfig, labelConfig = _z === void 0 ? {} : _z, labelConfigArray = props.labelConfigArray, _0 = props.asterLinesConfig, asterLinesConfig = _0 === void 0 ? {} : _0, _1 = props.hideGrid, hideGrid = _1 === void 0 ? radarChartDefaults.hideGrid : _1, _2 = props.hideAsterLines, hideAsterLines = _2 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _2, _3 = props.dataLabelsConfig, dataLabelsConfig = _3 === void 0 ? {} : _3, _4 = props.labelsPositionOffset, labelsPositionOffset = _4 === void 0 ? radarChartDefaults.labelsPositionOffset : _4, _5 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _5 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _5;
|
|
41
|
+
var labels = (_e = (_b = props.labels) !== null && _b !== void 0 ? _b : (_d = ((_c = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) !== null && _c !== void 0 ? _c : data)) === null || _d === void 0 ? void 0 : _d.map(function (_, index) { return "Label".concat(index + 1); })) !== null && _e !== void 0 ? _e : [];
|
|
42
|
+
var getMax = function (dataSet) {
|
|
43
|
+
return dataSet.reduce(function (acc, set) {
|
|
44
|
+
var max = Math.max.apply(Math, __spreadArray([], __read(set), false));
|
|
45
|
+
return max > acc ? max : acc;
|
|
46
|
+
}, 0);
|
|
47
|
+
};
|
|
48
|
+
var maxValue = (_f = props.maxValue) !== null && _f !== void 0 ? _f : (dataSet ? Math.max(getMax(dataSet !== null && dataSet !== void 0 ? dataSet : [])) : Math.max.apply(Math, __spreadArray([], __read((data !== null && data !== void 0 ? data : [])), false)));
|
|
49
|
+
var dataLabels = (_g = props.dataLabels) !== null && _g !== void 0 ? _g : (polygonConfig.showDataValuesAsLabels
|
|
50
|
+
? data.map(function (d) { return d.toString(); })
|
|
51
|
+
: null);
|
|
44
52
|
var polarToCartesian = function (angle, value) {
|
|
45
53
|
var radians = (Math.PI / 180) * angle;
|
|
46
54
|
return {
|
|
@@ -50,32 +58,92 @@ export var useRadarChart = function (props) {
|
|
|
50
58
|
};
|
|
51
59
|
var center = chartSize / 2;
|
|
52
60
|
var radius = center * 0.8;
|
|
53
|
-
var
|
|
54
|
-
.strokeDashArray :
|
|
55
|
-
.gradientColor :
|
|
56
|
-
.showGradient :
|
|
57
|
-
.gradientOpacity :
|
|
58
|
-
var gridSections = (
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
dataLabelsColor =
|
|
63
|
-
|
|
64
|
-
dataLabelsTextAnchor =
|
|
65
|
-
|
|
66
|
-
dataLabelsAlignmentBaseline =
|
|
67
|
-
|
|
68
|
-
dataLabelsFontWeight =
|
|
69
|
-
|
|
61
|
+
var _6 = gridConfig.stroke, gridStroke = _6 === void 0 ? radarChartDefaults.gridSection.stroke : _6, _7 = gridConfig.strokeWidth, gridStrokeWidth = _7 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _7, _8 = gridConfig.strokeDashArray, gridStrokeDashArray = _8 === void 0 ? radarChartDefaults.gridSection
|
|
62
|
+
.strokeDashArray : _8, _9 = gridConfig.fill, gridFill = _9 === void 0 ? radarChartDefaults.gridSection.fill : _9, _10 = gridConfig.gradientColor, gridGradientColor = _10 === void 0 ? radarChartDefaults.gridSection
|
|
63
|
+
.gradientColor : _10, _11 = gridConfig.showGradient, gridShowGradient = _11 === void 0 ? radarChartDefaults.gridSection
|
|
64
|
+
.showGradient : _11, _12 = gridConfig.opacity, gridOpacity = _12 === void 0 ? radarChartDefaults.gridSection.opacity : _12, _13 = gridConfig.gradientOpacity, gridGradientOpacity = _13 === void 0 ? radarChartDefaults.gridSection
|
|
65
|
+
.gradientOpacity : _13;
|
|
66
|
+
var gridSections = (_j = (_h = gridConfig.gridSections) === null || _h === void 0 ? void 0 : _h.map(function (i) { return (__assign(__assign({}, radarChartDefaults.gridSection), i)); })) !== null && _j !== void 0 ? _j : Array(noOfSections).fill({});
|
|
67
|
+
var _14 = labelConfig.fontSize, fontSize = _14 === void 0 ? radarChartDefaults.labelConfig.fontSize : _14, _15 = labelConfig.stroke, stroke = _15 === void 0 ? radarChartDefaults.labelConfig.stroke : _15, _16 = labelConfig.textAnchor, textAnchor = _16 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _16, _17 = labelConfig.alignmentBaseline, alignmentBaseline = _17 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _17, _18 = labelConfig.fontWeight, fontWeight = _18 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _18, _19 = labelConfig.fontFamily, fontFamily = _19 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _19;
|
|
68
|
+
var _20 = dataLabelsConfig.fontSize, dataLabelsFontSize = _20 === void 0 ? fontSize : _20, // defaults to labelConfig (from above)
|
|
69
|
+
_21 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
|
|
70
|
+
dataLabelsColor = _21 === void 0 ? stroke : _21, // defaults to labelConfig (from above)
|
|
71
|
+
_22 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
|
|
72
|
+
dataLabelsTextAnchor = _22 === void 0 ? textAnchor : _22, // defaults to labelConfig (from above)
|
|
73
|
+
_23 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
|
|
74
|
+
dataLabelsAlignmentBaseline = _23 === void 0 ? alignmentBaseline : _23, // defaults to labelConfig (from above)
|
|
75
|
+
_24 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
|
|
76
|
+
dataLabelsFontWeight = _24 === void 0 ? fontWeight : _24, // defaults to labelConfig (from above)
|
|
77
|
+
_25 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
|
|
70
78
|
, // defaults to labelConfig (from above)
|
|
71
|
-
dataLabelsFontFamily =
|
|
79
|
+
dataLabelsFontFamily = _25 === void 0 ? fontFamily : _25 // defaults to labelConfig (from above)
|
|
72
80
|
;
|
|
73
|
-
var
|
|
74
|
-
.strokeWidth :
|
|
75
|
-
.strokeDashArray :
|
|
76
|
-
.gradientColor :
|
|
77
|
-
.showGradient :
|
|
78
|
-
var
|
|
81
|
+
var _26 = polygonConfig.stroke, polygonStroke = _26 === void 0 ? radarChartDefaults.polygonConfig.stroke : _26, _27 = polygonConfig.strokeWidth, polygonStrokeWidth = _27 === void 0 ? radarChartDefaults.polygonConfig
|
|
82
|
+
.strokeWidth : _27, _28 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _28 === void 0 ? radarChartDefaults.polygonConfig
|
|
83
|
+
.strokeDashArray : _28, _29 = polygonConfig.fill, polygonFill = _29 === void 0 ? radarChartDefaults.polygonConfig.fill : _29, _30 = polygonConfig.gradientColor, polygonGradientColor = _30 === void 0 ? radarChartDefaults.polygonConfig
|
|
84
|
+
.gradientColor : _30, _31 = polygonConfig.showGradient, polygonShowGradient = _31 === void 0 ? radarChartDefaults.polygonConfig
|
|
85
|
+
.showGradient : _31, _32 = polygonConfig.opacity, polygonOpacity = _32 === void 0 ? radarChartDefaults.polygonConfig.opacity : _32, _33 = polygonConfig.gradientOpacity, polygonGradientOpacity = _33 === void 0 ? polygonOpacity : _33, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels;
|
|
86
|
+
var polygonConfigArray = (_l = (_k = props.polygonConfigArray) === null || _k === void 0 ? void 0 : _k.map(function (set) {
|
|
87
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
88
|
+
return ({
|
|
89
|
+
stroke: (_a = set.stroke) !== null && _a !== void 0 ? _a : polygonStroke,
|
|
90
|
+
strokeWidth: (_b = set.strokeWidth) !== null && _b !== void 0 ? _b : polygonStrokeWidth,
|
|
91
|
+
strokeDashArray: (_c = set.strokeDashArray) !== null && _c !== void 0 ? _c : polygonStrokeDashArray,
|
|
92
|
+
fill: (_d = set.fill) !== null && _d !== void 0 ? _d : polygonFill,
|
|
93
|
+
gradientColor: (_e = set.gradientColor) !== null && _e !== void 0 ? _e : polygonGradientColor,
|
|
94
|
+
showGradient: (_f = set.showGradient) !== null && _f !== void 0 ? _f : polygonShowGradient,
|
|
95
|
+
opacity: (_g = set.opacity) !== null && _g !== void 0 ? _g : polygonOpacity,
|
|
96
|
+
gradientOpacity: (_h = set.gradientOpacity) !== null && _h !== void 0 ? _h : polygonGradientOpacity,
|
|
97
|
+
showDataValuesAsLabels: (_j = set.showDataValuesAsLabels) !== null && _j !== void 0 ? _j : showDataValuesAsLabels
|
|
98
|
+
});
|
|
99
|
+
})) !== null && _l !== void 0 ? _l : (dataSet
|
|
100
|
+
? Array(dataSet.length).fill({
|
|
101
|
+
stroke: polygonStroke,
|
|
102
|
+
strokeWidth: polygonStrokeWidth,
|
|
103
|
+
strokeDashArray: polygonStrokeDashArray,
|
|
104
|
+
fill: polygonFill,
|
|
105
|
+
gradientColor: polygonGradientColor,
|
|
106
|
+
showGradient: polygonShowGradient,
|
|
107
|
+
opacity: polygonOpacity,
|
|
108
|
+
gradientOpacity: polygonGradientOpacity,
|
|
109
|
+
showDataValuesAsLabels: showDataValuesAsLabels
|
|
110
|
+
})
|
|
111
|
+
: null);
|
|
112
|
+
var dataLabelsArray = (_m = props.dataLabelsArray) !== null && _m !== void 0 ? _m : polygonConfigArray === null || polygonConfigArray === void 0 ? void 0 : polygonConfigArray.map(function (polygonItem, index) {
|
|
113
|
+
return polygonItem.showDataValuesAsLabels ? data.map(function (d) { return d.toString(); }) : null;
|
|
114
|
+
});
|
|
115
|
+
var dataLabelsConfigArray = (_p = (_o = props.dataLabelsConfigArray) === null || _o === void 0 ? void 0 : _o.map(function (dataLabelsConfigItem) {
|
|
116
|
+
var _a, _b, _c, _d, _e, _f;
|
|
117
|
+
return ({
|
|
118
|
+
fontSize: (_a = dataLabelsConfigItem.fontSize) !== null && _a !== void 0 ? _a : dataLabelsFontSize,
|
|
119
|
+
stroke: (_b = dataLabelsConfigItem.stroke) !== null && _b !== void 0 ? _b : dataLabelsColor,
|
|
120
|
+
textAnchor: (_c = dataLabelsConfigItem.textAnchor) !== null && _c !== void 0 ? _c : dataLabelsTextAnchor,
|
|
121
|
+
alignmentBaseline: (_d = dataLabelsConfigItem.alignmentBaseline) !== null && _d !== void 0 ? _d : dataLabelsAlignmentBaseline,
|
|
122
|
+
fontWeight: (_e = dataLabelsConfigItem.fontWeight) !== null && _e !== void 0 ? _e : dataLabelsFontWeight,
|
|
123
|
+
fontFamily: (_f = dataLabelsConfigItem.fontFamily) !== null && _f !== void 0 ? _f : dataLabelsFontFamily
|
|
124
|
+
});
|
|
125
|
+
})) !== null && _p !== void 0 ? _p : Array(data.length).fill({
|
|
126
|
+
fontSize: dataLabelsFontSize,
|
|
127
|
+
stroke: dataLabelsColor,
|
|
128
|
+
textAnchor: dataLabelsTextAnchor,
|
|
129
|
+
alignmentBaseline: dataLabelsAlignmentBaseline,
|
|
130
|
+
fontWeight: dataLabelsFontWeight,
|
|
131
|
+
fontFamily: dataLabelsFontFamily
|
|
132
|
+
});
|
|
133
|
+
var dataLabelsConfigSet = (_r = (_q = props.dataLabelsConfigSet) === null || _q === void 0 ? void 0 : _q.map(function (dataLabelConfigSetItem) {
|
|
134
|
+
return dataLabelConfigSetItem.map(function (dataLabelConfigItem) {
|
|
135
|
+
var _a, _b, _c, _d, _e, _f;
|
|
136
|
+
return ({
|
|
137
|
+
fontSize: (_a = dataLabelConfigItem.fontSize) !== null && _a !== void 0 ? _a : dataLabelsFontSize,
|
|
138
|
+
stroke: (_b = dataLabelConfigItem.stroke) !== null && _b !== void 0 ? _b : dataLabelsColor,
|
|
139
|
+
textAnchor: (_c = dataLabelConfigItem.textAnchor) !== null && _c !== void 0 ? _c : dataLabelsTextAnchor,
|
|
140
|
+
alignmentBaseline: (_d = dataLabelConfigItem.alignmentBaseline) !== null && _d !== void 0 ? _d : dataLabelsAlignmentBaseline,
|
|
141
|
+
fontWeight: (_e = dataLabelConfigItem.fontWeight) !== null && _e !== void 0 ? _e : dataLabelsFontWeight,
|
|
142
|
+
fontFamily: (_f = dataLabelConfigItem.fontFamily) !== null && _f !== void 0 ? _f : dataLabelsFontFamily
|
|
143
|
+
});
|
|
144
|
+
});
|
|
145
|
+
})) !== null && _r !== void 0 ? _r : (dataSet ? Array(dataSet.length).fill(dataLabelsConfigArray) : null);
|
|
146
|
+
var _34 = asterLinesConfig.stroke, asterLinesStroke = _34 === void 0 ? gridStroke : _34, _35 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _35 === void 0 ? gridStrokeWidth : _35, _36 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _36 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _36;
|
|
79
147
|
// Calculate angles for each category
|
|
80
148
|
var angleStep = 360 / labels.length;
|
|
81
149
|
// Generate coordinates for the data points
|
|
@@ -83,8 +151,17 @@ export var useRadarChart = function (props) {
|
|
|
83
151
|
var angle = index * angleStep;
|
|
84
152
|
return polarToCartesian(angle, value);
|
|
85
153
|
});
|
|
154
|
+
var pointsArray = (_s = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
|
|
155
|
+
return set.map(function (value, index) {
|
|
156
|
+
var angle = index * angleStep;
|
|
157
|
+
return polarToCartesian(angle, value);
|
|
158
|
+
});
|
|
159
|
+
})) !== null && _s !== void 0 ? _s : [];
|
|
86
160
|
// Generate the polygon points for the radar chart (in SVG "x,y" format)
|
|
87
161
|
var polygonPoints = points.map(function (point) { return "".concat(point.x, ",").concat(point.y); }).join(' ');
|
|
162
|
+
var polygonPointsArray = pointsArray.map(function (set) {
|
|
163
|
+
return set.map(function (point) { return "".concat(point.x, ",").concat(point.y); }).join(' ');
|
|
164
|
+
});
|
|
88
165
|
var getGridLevelProps = function (gridItem, ind) {
|
|
89
166
|
var level = noOfSections - ind;
|
|
90
167
|
var gridGradientColorLocal = gridItem.gradientColor || gridGradientColor;
|
|
@@ -120,6 +197,7 @@ export var useRadarChart = function (props) {
|
|
|
120
197
|
};
|
|
121
198
|
return {
|
|
122
199
|
data: data,
|
|
200
|
+
dataSet: dataSet,
|
|
123
201
|
center: center,
|
|
124
202
|
radius: radius,
|
|
125
203
|
chartSize: chartSize,
|
|
@@ -128,9 +206,11 @@ export var useRadarChart = function (props) {
|
|
|
128
206
|
labels: labels,
|
|
129
207
|
labelConfigArray: labelConfigArray,
|
|
130
208
|
labelsPositionOffset: labelsPositionOffset,
|
|
131
|
-
|
|
209
|
+
dataLabelsConfigArray: dataLabelsConfigArray,
|
|
132
210
|
maxValue: maxValue,
|
|
133
211
|
dataLabels: dataLabels,
|
|
212
|
+
dataLabelsArray: dataLabelsArray,
|
|
213
|
+
dataLabelsConfigSet: dataLabelsConfigSet,
|
|
134
214
|
gridSections: gridSections,
|
|
135
215
|
gridStroke: gridStroke,
|
|
136
216
|
gridStrokeWidth: gridStrokeWidth,
|
|
@@ -161,11 +241,13 @@ export var useRadarChart = function (props) {
|
|
|
161
241
|
polygonShowGradient: polygonShowGradient,
|
|
162
242
|
polygonOpacity: polygonOpacity,
|
|
163
243
|
polygonGradientOpacity: polygonGradientOpacity,
|
|
244
|
+
polygonConfigArray: polygonConfigArray,
|
|
164
245
|
asterLinesStroke: asterLinesStroke,
|
|
165
246
|
asterLinesStrokeWidth: asterLinesStrokeWidth,
|
|
166
247
|
asterLinesStrokeDashArray: asterLinesStrokeDashArray,
|
|
167
248
|
points: points,
|
|
168
249
|
polygonPoints: polygonPoints,
|
|
250
|
+
polygonPointsArray: polygonPointsArray,
|
|
169
251
|
angleStep: angleStep,
|
|
170
252
|
circular: circular,
|
|
171
253
|
hideGrid: hideGrid,
|
|
@@ -13,6 +13,7 @@ export interface RadarChartProps {
|
|
|
13
13
|
circular?: boolean;
|
|
14
14
|
gridConfig?: GridConfig;
|
|
15
15
|
data?: number[];
|
|
16
|
+
dataSet?: number[][];
|
|
16
17
|
maxValue?: number;
|
|
17
18
|
noOfSections?: number;
|
|
18
19
|
chartSize?: number;
|
|
@@ -20,15 +21,17 @@ export interface RadarChartProps {
|
|
|
20
21
|
labelConfigArray?: LabelConfig[];
|
|
21
22
|
labels?: string[];
|
|
22
23
|
dataLabels?: string[];
|
|
24
|
+
dataLabelsArray?: string[][];
|
|
23
25
|
dataLabelConfig?: LabelConfig;
|
|
24
|
-
|
|
25
|
-
showdataValuesAsLabels?: boolean;
|
|
26
|
+
dataLabelsConfigArray?: LabelConfig[];
|
|
26
27
|
polygonConfig?: PolygonConfig;
|
|
28
|
+
polygonConfigArray?: PolygonConfig[];
|
|
27
29
|
asterLinesConfig?: AsterLinesConfig;
|
|
28
30
|
hideAsterLines?: boolean;
|
|
29
31
|
hideGrid?: boolean;
|
|
30
32
|
hideLabels?: boolean;
|
|
31
33
|
dataLabelsConfig?: LabelConfig;
|
|
34
|
+
dataLabelsConfigSet?: LabelConfig[][];
|
|
32
35
|
labelsPositionOffset?: number;
|
|
33
36
|
dataLabelsPositionOffset?: number;
|
|
34
37
|
}
|
|
@@ -45,6 +48,7 @@ export interface StrokeFillAndGradient extends StrokeConfig {
|
|
|
45
48
|
gradientOpacity?: number;
|
|
46
49
|
}
|
|
47
50
|
export interface PolygonConfig extends StrokeFillAndGradient {
|
|
51
|
+
showDataValuesAsLabels?: boolean;
|
|
48
52
|
}
|
|
49
53
|
export interface GridSectionConfig extends StrokeFillAndGradient {
|
|
50
54
|
}
|
|
@@ -39,7 +39,7 @@ import { AxesAndRulesDefaults, BarDefaults } from '../../utils/constants';
|
|
|
39
39
|
import { computeMaxAndMinItems } from '../../utils';
|
|
40
40
|
export var useBarAndLineChartsWrapper = function (props) {
|
|
41
41
|
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;
|
|
42
|
-
var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex;
|
|
42
|
+
var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex, onlyPositive = props.onlyPositive;
|
|
43
43
|
var yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop;
|
|
44
44
|
var hideOrigin = (_a = axesAndRulesProps.hideOrigin) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.hideOrigin;
|
|
45
45
|
var yAxisSide = (_b = axesAndRulesProps.yAxisSide) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.yAxisSide;
|
|
@@ -104,7 +104,7 @@ export var useBarAndLineChartsWrapper = function (props) {
|
|
|
104
104
|
var secondaryDataArrayWithMinValue = (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length)
|
|
105
105
|
? secondaryData
|
|
106
106
|
: setWithMinValueInDataset === null || setWithMinValueInDataset === void 0 ? void 0 : setWithMinValueInDataset.data;
|
|
107
|
-
var _20 = computeMaxAndMinItems(secondaryDataArrayWithMinValue, (_13 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _13 !== void 0 ? _13 : roundToDigits, (_14 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _14 !== void 0 ? _14 : showFractionalValues), secondaryMaxItem = _20.maxItem, secondaryMinItem = _20.minItem;
|
|
107
|
+
var _20 = computeMaxAndMinItems(secondaryDataArrayWithMinValue, true, (_13 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _13 !== void 0 ? _13 : roundToDigits, (_14 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _14 !== void 0 ? _14 : showFractionalValues), secondaryMaxItem = _20.maxItem, secondaryMinItem = _20.minItem;
|
|
108
108
|
var _21 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepValue = _21.stepValue, secondaryNegativeStepValue = _21.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _21.noOfSectionsBelowXAxis, showSecondaryFractionalValues = _21.showFractionalValues, secondaryRoundToDigits = _21.roundToDigits, secondaryStepHeight = _21.stepHeight, secondaryNegativeStepHeight = _21.negativeStepHeight;
|
|
109
109
|
var primaryYAxisHeightBelowOrigin = noOfSectionsBelowXAxis * negativeStepHeight;
|
|
110
110
|
var secondaryYAxisHeightBelowOrigin = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
|
|
@@ -179,7 +179,8 @@ export var useBarAndLineChartsWrapper = function (props) {
|
|
|
179
179
|
secondaryRoundToDigits: secondaryRoundToDigits,
|
|
180
180
|
secondaryStepHeight: secondaryStepHeight,
|
|
181
181
|
secondaryNegativeStepHeight: secondaryNegativeStepHeight,
|
|
182
|
-
customBackground: props.customBackground
|
|
182
|
+
customBackground: props.customBackground,
|
|
183
|
+
onlyPositive: onlyPositive
|
|
183
184
|
};
|
|
184
185
|
var lineInBarChartProps = {
|
|
185
186
|
yAxisLabelWidth: yAxisLabelWidth,
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export declare const getLighterColor: (color: string) => string;
|
|
|
9
9
|
export declare const svgQuadraticCurvePath: (points: number[][]) => string;
|
|
10
10
|
export declare const svgPath: (points: number[][], curveType?: CurveType, curvature?: number) => string;
|
|
11
11
|
export declare const bezierCommand: (point: number[], i: number, a: number[][], curvature: number) => string;
|
|
12
|
-
export declare const getSegmentString: (lineSegment: LineSegment[] | undefined, index: number, startDelimeter: string, endDelimeter: string) => string;
|
|
12
|
+
export declare const getSegmentString: (lineSegment: LineSegment[] | undefined, index: number, startDelimeter: string, endDelimeter: string, stepChart?: boolean) => string;
|
|
13
13
|
export declare const getCurvePathWithSegments: (path: string, lineSegment: LineSegment[] | undefined, startDelimeter: string, endDelimeter: string, curveType: CurveType) => string;
|
|
14
14
|
export declare const getPreviousSegmentsLastPoint: (isCurved: boolean, previousSegment: string) => string;
|
|
15
15
|
export declare const getPathWithHighlight: (data: lineDataItemNullSafe[], i: number, highlightedRange: HighlightedRange, startIndex: number, endIndex: number, spacingArray: number[], getX: (spacingArray: number[], i: number) => number, getY: (value: number) => number) => string;
|
|
@@ -88,7 +88,7 @@ interface MaxAndMin {
|
|
|
88
88
|
}
|
|
89
89
|
export declare const indexOfFirstNonZeroDigit: (num: number) => number;
|
|
90
90
|
export declare const maxAndMinUtil: (maxItem: number, minItem: number, roundToDigits?: number, showFractionalValues?: boolean) => MaxAndMin;
|
|
91
|
-
export declare const computeMaxAndMinItems: (data: any[] | undefined, roundToDigits?: number, showFractionalValues?: boolean) => MaxAndMin;
|
|
91
|
+
export declare const computeMaxAndMinItems: (data: any[] | undefined, extrapolateMissingValues: boolean, roundToDigits?: number, showFractionalValues?: boolean, propsData?: any[]) => MaxAndMin;
|
|
92
92
|
export declare const getLabelTextUtil: (val: string, index: number, showFractionalValues?: boolean, yAxisLabelTexts?: string[], yAxisOffset?: number, yAxisLabelPrefix?: string, yAxisLabelSuffix?: string, roundToDigits?: number, formatYLabel?: (label: string) => string) => string;
|
|
93
93
|
export declare const getXForLineInBar: (index: number, firstBarWidth: number, currentBarWidth: number, yAxisLabelWidth: number, lineConfig: any, spacing: number) => number;
|
|
94
94
|
export declare const getYForLineInBar: (value: number | undefined, shiftY: number | undefined, containerHeight: number, maxValue: number, yAxisOffset: number) => number;
|
package/dist/utils/index.js
CHANGED
|
@@ -153,9 +153,16 @@ export var bezierCommand = function (point, i, a, curvature) {
|
|
|
153
153
|
var _b = __read(controlPoint(curvature, point, a[i - 1], a[i + 1], true), 2), cpeX = _b[0], cpeY = _b[1];
|
|
154
154
|
return "C".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
|
|
155
155
|
};
|
|
156
|
-
export var getSegmentString = function (lineSegment, index, startDelimeter, endDelimeter) {
|
|
156
|
+
export var getSegmentString = function (lineSegment, index, startDelimeter, endDelimeter, stepChart) {
|
|
157
|
+
var _a;
|
|
157
158
|
var segment = lineSegment === null || lineSegment === void 0 ? void 0 : lineSegment.find(function (segment) { return segment.startIndex === index; });
|
|
158
|
-
|
|
159
|
+
if (segment) {
|
|
160
|
+
if (stepChart) {
|
|
161
|
+
segment = __assign(__assign({}, segment), { endIndex: ((_a = segment === null || segment === void 0 ? void 0 : segment.endIndex) !== null && _a !== void 0 ? _a : 0) * 2 });
|
|
162
|
+
}
|
|
163
|
+
return startDelimeter + JSON.stringify(segment) + endDelimeter;
|
|
164
|
+
}
|
|
165
|
+
return '';
|
|
159
166
|
};
|
|
160
167
|
export var getCurvePathWithSegments = function (path, lineSegment, startDelimeter, endDelimeter, curveType) {
|
|
161
168
|
if (!(lineSegment === null || lineSegment === void 0 ? void 0 : lineSegment.length))
|
|
@@ -710,17 +717,18 @@ export var maxAndMinUtil = function (maxItem, minItem, roundToDigits, showFracti
|
|
|
710
717
|
}
|
|
711
718
|
return { maxItem: maxItem, minItem: minItem };
|
|
712
719
|
};
|
|
713
|
-
export var computeMaxAndMinItems = function (data, roundToDigits, showFractionalValues) {
|
|
720
|
+
export var computeMaxAndMinItems = function (data, extrapolateMissingValues, roundToDigits, showFractionalValues, propsData) {
|
|
714
721
|
if (!(data === null || data === void 0 ? void 0 : data.length)) {
|
|
715
722
|
return { maxItem: 0, minItem: 0 };
|
|
716
723
|
}
|
|
717
724
|
var maxItem = 0;
|
|
718
725
|
var minItem = 0;
|
|
719
|
-
data.forEach(function (item) {
|
|
726
|
+
data.forEach(function (item, index) {
|
|
720
727
|
if (item.value > maxItem) {
|
|
721
728
|
maxItem = item.value;
|
|
722
729
|
}
|
|
723
|
-
if (item.value < minItem
|
|
730
|
+
if (item.value < minItem &&
|
|
731
|
+
(extrapolateMissingValues || (propsData === null || propsData === void 0 ? void 0 : propsData[index].value))) {
|
|
724
732
|
minItem = item.value;
|
|
725
733
|
}
|
|
726
734
|
});
|
package/dist/utils/types.d.ts
CHANGED
|
@@ -253,6 +253,7 @@ export interface horizSectionPropTypes {
|
|
|
253
253
|
secondaryStepHeight: number;
|
|
254
254
|
secondaryNegativeStepHeight: number;
|
|
255
255
|
customBackground?: CustomBackground;
|
|
256
|
+
onlyPositive?: boolean;
|
|
256
257
|
}
|
|
257
258
|
interface HorizSectionObject {
|
|
258
259
|
value: string;
|
|
@@ -332,6 +333,7 @@ export interface BarAndLineChartsWrapperTypes {
|
|
|
332
333
|
nestedScrollEnabled?: boolean;
|
|
333
334
|
dataSet?: DataSetNullSafe[];
|
|
334
335
|
customBackground?: CustomBackground;
|
|
336
|
+
onlyPositive?: boolean;
|
|
335
337
|
}
|
|
336
338
|
export interface HorizontalStripConfig {
|
|
337
339
|
thickness?: number;
|