gifted-charts-core 0.1.45 → 0.1.47

package/dist/LineChart/index.d.ts

@@ -360,6 +360,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     hidePointer5: boolean;
     hideSecondaryPointer: boolean;
     resetPointerOnDataChange: boolean;
+    hidePointerDataPointForMissingValues: boolean;
     pointerEvents: import("../utils/types").PointerEvents | undefined;
     disableScroll: boolean;
     showScrollIndicator: boolean;
@@ -391,4 +392,6 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     cumulativeSpacing5: number[];
     cumulativeSpacingSecondary: number[];
     cumulativeSpacingForSet: any[];
+    stripOverDataPoints: boolean | undefined;
+    strips: any;
 };

package/dist/LineChart/index.js

@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
 import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
 import { EdgePosition } from '../utils/types';
 export var useLineChart = function (props) {
-    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;
-    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;
+    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;
+    var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _317 = props.interpolateMissingValues, interpolateMissingValues = _317 === void 0 ? true : _317, _318 = props.extrapolateMissingValues, extrapolateMissingValues = _318 === void 0 ? true : _318, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue;
     var containsNegativeValue = ((_a = props.mostNegativeValue) !== null && _a !== void 0 ? _a : 0) < 0 ||
         ((_e = ((_d = (_c = (_b = props.dataSet) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.data) !== null && _d !== void 0 ? _d : props.data)) === null || _e === void 0 ? void 0 : _e.some(function (item) { return item.value < 0; }));
     var onlyPositive = (_f = props.onlyPositive) !== null && _f !== void 0 ? _f : (!extrapolateMissingValues ? (containsNegativeValue ? false : true) : false);
@@ -49,48 +49,48 @@ export var useLineChart = function (props) {
     // because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
     var curvature = (_g = props.curvature) !== null && _g !== void 0 ? _g : LineDefaults.curvature;
     var curveType = (_h = props.curveType) !== null && _h !== void 0 ? _h : LineDefaults.curveType;
-    var _318 = __read(useState(0), 2), scrollX = _318[0], setScrollX = _318[1];
-    var _319 = __read(useState(''), 2), arrow1Points = _319[0], setArrow1Points = _319[1];
-    var _320 = __read(useState(''), 2), arrow2Points = _320[0], setArrow2Points = _320[1];
-    var _321 = __read(useState(''), 2), arrow3Points = _321[0], setArrow3Points = _321[1];
-    var _322 = __read(useState(''), 2), arrow4Points = _322[0], setArrow4Points = _322[1];
-    var _323 = __read(useState(''), 2), arrow5Points = _323[0], setArrow5Points = _323[1];
-    var _324 = __read(useState(''), 2), secondaryArrowPoints = _324[0], setSecondaryArrowPoints = _324[1];
-    var _325 = __read(useState(-1), 2), pointerIndex = _325[0], setPointerIndex = _325[1];
-    var _326 = __read(useState(0), 2), pointerX = _326[0], setPointerX = _326[1];
-    var _327 = __read(useState(0), 2), pointerY = _327[0], setPointerY = _327[1];
-    var _328 = __read(useState(), 2), pointerItem = _328[0], setPointerItem = _328[1];
-    var _329 = __read(useState(0), 2), pointerY2 = _329[0], setPointerY2 = _329[1];
-    var _330 = __read(useState(), 2), pointerItem2 = _330[0], setPointerItem2 = _330[1];
-    var _331 = __read(useState(0), 2), pointerY3 = _331[0], setPointerY3 = _331[1];
-    var _332 = __read(useState(), 2), pointerItem3 = _332[0], setPointerItem3 = _332[1];
-    var _333 = __read(useState(0), 2), pointerY4 = _333[0], setPointerY4 = _333[1];
-    var _334 = __read(useState(), 2), pointerItem4 = _334[0], setPointerItem4 = _334[1];
-    var _335 = __read(useState(0), 2), pointerY5 = _335[0], setPointerY5 = _335[1];
-    var _336 = __read(useState([]), 2), pointerYsForDataSet = _336[0], setPointerYsForDataSet = _336[1];
-    var _337 = __read(useState(), 2), pointerItem5 = _337[0], setPointerItem5 = _337[1];
-    var _338 = __read(useState(0), 2), secondaryPointerY = _338[0], setSecondaryPointerY = _338[1];
-    var _339 = __read(useState(), 2), secondaryPointerItem = _339[0], setSecondaryPointerItem = _339[1];
-    var _340 = __read(useState([]), 2), pointerItemsForSet = _340[0], setPointerItemsForSet = _340[1];
-    var _341 = __read(useState([]), 2), secondaryPointerItemsForSet = _341[0], setSecondaryPointerItemsForSet = _341[1];
-    var _342 = __read(useState(0), 2), responderStartTime = _342[0], setResponderStartTime = _342[1];
-    var _343 = __read(useState(false), 2), responderActive = _343[0], setResponderActive = _343[1];
-    var _344 = __read(useState(''), 2), points = _344[0], setPoints = _344[1];
-    var _345 = __read(useState(''), 2), points2 = _345[0], setPoints2 = _345[1];
-    var _346 = __read(useState(''), 2), points3 = _346[0], setPoints3 = _346[1];
-    var _347 = __read(useState(''), 2), points4 = _347[0], setPoints4 = _347[1];
-    var _348 = __read(useState(''), 2), points5 = _348[0], setPoints5 = _348[1];
-    var _349 = __read(useState(''), 2), secondaryPoints = _349[0], setSecondaryPoints = _349[1];
-    var _350 = __read(useState(''), 2), fillPoints = _350[0], setFillPoints = _350[1];
-    var _351 = __read(useState(''), 2), fillPoints2 = _351[0], setFillPoints2 = _351[1];
-    var _352 = __read(useState(''), 2), fillPoints3 = _352[0], setFillPoints3 = _352[1];
-    var _353 = __read(useState(''), 2), fillPoints4 = _353[0], setFillPoints4 = _353[1];
-    var _354 = __read(useState(''), 2), fillPoints5 = _354[0], setFillPoints5 = _354[1];
-    var _355 = __read(useState(''), 2), secondaryFillPoints = _355[0], setSecondaryFillPoints = _355[1];
-    var _356 = __read(useState([]), 2), pointsFromSet = _356[0], setPointsFromSet = _356[1];
-    var _357 = __read(useState([]), 2), fillPointsFromSet = _357[0], setFillPointsFromSet = _357[1];
-    var _358 = __read(useState([]), 2), arrowPointsFromSet = _358[0], setArrowPointsFromSet = _358[1];
-    var _359 = __read(useState((_j = props.focusedDataPointIndex) !== null && _j !== void 0 ? _j : -1), 2), selectedIndex = _359[0], setSelectedIndex = _359[1];
+    var _319 = __read(useState(0), 2), scrollX = _319[0], setScrollX = _319[1];
+    var _320 = __read(useState(''), 2), arrow1Points = _320[0], setArrow1Points = _320[1];
+    var _321 = __read(useState(''), 2), arrow2Points = _321[0], setArrow2Points = _321[1];
+    var _322 = __read(useState(''), 2), arrow3Points = _322[0], setArrow3Points = _322[1];
+    var _323 = __read(useState(''), 2), arrow4Points = _323[0], setArrow4Points = _323[1];
+    var _324 = __read(useState(''), 2), arrow5Points = _324[0], setArrow5Points = _324[1];
+    var _325 = __read(useState(''), 2), secondaryArrowPoints = _325[0], setSecondaryArrowPoints = _325[1];
+    var _326 = __read(useState(-1), 2), pointerIndex = _326[0], setPointerIndex = _326[1];
+    var _327 = __read(useState(0), 2), pointerX = _327[0], setPointerX = _327[1];
+    var _328 = __read(useState(0), 2), pointerY = _328[0], setPointerY = _328[1];
+    var _329 = __read(useState(), 2), pointerItem = _329[0], setPointerItem = _329[1];
+    var _330 = __read(useState(0), 2), pointerY2 = _330[0], setPointerY2 = _330[1];
+    var _331 = __read(useState(), 2), pointerItem2 = _331[0], setPointerItem2 = _331[1];
+    var _332 = __read(useState(0), 2), pointerY3 = _332[0], setPointerY3 = _332[1];
+    var _333 = __read(useState(), 2), pointerItem3 = _333[0], setPointerItem3 = _333[1];
+    var _334 = __read(useState(0), 2), pointerY4 = _334[0], setPointerY4 = _334[1];
+    var _335 = __read(useState(), 2), pointerItem4 = _335[0], setPointerItem4 = _335[1];
+    var _336 = __read(useState(0), 2), pointerY5 = _336[0], setPointerY5 = _336[1];
+    var _337 = __read(useState([]), 2), pointerYsForDataSet = _337[0], setPointerYsForDataSet = _337[1];
+    var _338 = __read(useState(), 2), pointerItem5 = _338[0], setPointerItem5 = _338[1];
+    var _339 = __read(useState(0), 2), secondaryPointerY = _339[0], setSecondaryPointerY = _339[1];
+    var _340 = __read(useState(), 2), secondaryPointerItem = _340[0], setSecondaryPointerItem = _340[1];
+    var _341 = __read(useState([]), 2), pointerItemsForSet = _341[0], setPointerItemsForSet = _341[1];
+    var _342 = __read(useState([]), 2), secondaryPointerItemsForSet = _342[0], setSecondaryPointerItemsForSet = _342[1];
+    var _343 = __read(useState(0), 2), responderStartTime = _343[0], setResponderStartTime = _343[1];
+    var _344 = __read(useState(false), 2), responderActive = _344[0], setResponderActive = _344[1];
+    var _345 = __read(useState(''), 2), points = _345[0], setPoints = _345[1];
+    var _346 = __read(useState(''), 2), points2 = _346[0], setPoints2 = _346[1];
+    var _347 = __read(useState(''), 2), points3 = _347[0], setPoints3 = _347[1];
+    var _348 = __read(useState(''), 2), points4 = _348[0], setPoints4 = _348[1];
+    var _349 = __read(useState(''), 2), points5 = _349[0], setPoints5 = _349[1];
+    var _350 = __read(useState(''), 2), secondaryPoints = _350[0], setSecondaryPoints = _350[1];
+    var _351 = __read(useState(''), 2), fillPoints = _351[0], setFillPoints = _351[1];
+    var _352 = __read(useState(''), 2), fillPoints2 = _352[0], setFillPoints2 = _352[1];
+    var _353 = __read(useState(''), 2), fillPoints3 = _353[0], setFillPoints3 = _353[1];
+    var _354 = __read(useState(''), 2), fillPoints4 = _354[0], setFillPoints4 = _354[1];
+    var _355 = __read(useState(''), 2), fillPoints5 = _355[0], setFillPoints5 = _355[1];
+    var _356 = __read(useState(''), 2), secondaryFillPoints = _356[0], setSecondaryFillPoints = _356[1];
+    var _357 = __read(useState([]), 2), pointsFromSet = _357[0], setPointsFromSet = _357[1];
+    var _358 = __read(useState([]), 2), fillPointsFromSet = _358[0], setFillPointsFromSet = _358[1];
+    var _359 = __read(useState([]), 2), arrowPointsFromSet = _359[0], setArrowPointsFromSet = _359[1];
+    var _360 = __read(useState((_j = props.focusedDataPointIndex) !== null && _j !== void 0 ? _j : -1), 2), selectedIndex = _360[0], setSelectedIndex = _360[1];
     useEffect(function () {
         var _a;
         setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
@@ -253,8 +253,9 @@ export var useLineChart = function (props) {
     var maxSpacingSum = 0; // max of spacingSum among all the lines
     var cumulativeSpacing1 = [], cumulativeSpacing2 = [], cumulativeSpacing3 = [], cumulativeSpacing4 = [], cumulativeSpacing5 = [], cumulativeSpacingSecondary = [];
     var cumulativeSpacingForSet = Array((_104 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) !== null && _104 !== void 0 ? _104 : 0).fill([]);
+    var strips = {};
     if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
-        dataSet.forEach(function (set, index) {
+        dataSet.forEach(function (set, key) {
             var _a;
             if (set.isSecondary) {
                 mergedSecondaryDataArrays.push.apply(mergedSecondaryDataArrays, __spreadArray([], __read(set.data), false));
@@ -264,10 +265,14 @@ export var useLineChart = function (props) {
             }
             var space = (_a = set.spacing) !== null && _a !== void 0 ? _a : spacing;
             var spacingSum = 0;
-            set.data.forEach(function (item) {
-                var _a;
+            set.data.forEach(function (item, index) {
+                var _a, _b;
                 spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
-                cumulativeSpacingForSet[index].push(spacingSum);
+                cumulativeSpacingForSet[key].push(spacingSum);
+                if (item.showStrip) {
+                    strips[key] = (_b = strips[key]) !== null && _b !== void 0 ? _b : {};
+                    strips[key][index] = { item: item, index: index, key: key };
+                }
             });
             if (maxSpacingSum < spacingSum) {
                 maxSpacingSum = spacingSum;
@@ -277,10 +282,14 @@ export var useLineChart = function (props) {
     else {
         var spacingSum_1 = 0;
         var space_1 = (_105 = props.spacing1) !== null && _105 !== void 0 ? _105 : spacing;
-        data.forEach(function (item) {
-            var _a;
+        data.forEach(function (item, index) {
+            var _a, _b;
             spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
             cumulativeSpacing1.push(spacingSum_1);
+            if (item.showStrip) {
+                strips[0] = (_b = strips[0]) !== null && _b !== void 0 ? _b : {};
+                strips[0][index] = { item: item, index: index, key: 0 };
+            }
         });
         if (maxSpacingSum < spacingSum_1) {
             maxSpacingSum = spacingSum_1;
@@ -288,10 +297,14 @@ export var useLineChart = function (props) {
         if (data2 === null || data2 === void 0 ? void 0 : data2.length) {
             spacingSum_1 = 0;
             space_1 = (_106 = props.spacing2) !== null && _106 !== void 0 ? _106 : spacing;
-            data2.forEach(function (item) {
-                var _a;
+            data2.forEach(function (item, index) {
+                var _a, _b;
                 spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
                 cumulativeSpacing2.push(spacingSum_1);
+                if (item.showStrip) {
+                    strips[1] = (_b = strips[1]) !== null && _b !== void 0 ? _b : {};
+                    strips[1][index] = { item: item, index: index, key: 1 };
+                }
             });
             if (maxSpacingSum < spacingSum_1) {
                 maxSpacingSum = spacingSum_1;
@@ -300,10 +313,14 @@ export var useLineChart = function (props) {
         if (data3 === null || data3 === void 0 ? void 0 : data3.length) {
             spacingSum_1 = 0;
             space_1 = (_107 = props.spacing3) !== null && _107 !== void 0 ? _107 : spacing;
-            data3.forEach(function (item) {
-                var _a;
+            data3.forEach(function (item, index) {
+                var _a, _b;
                 spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
                 cumulativeSpacing3.push(spacingSum_1);
+                if (item.showStrip) {
+                    strips[2] = (_b = strips[2]) !== null && _b !== void 0 ? _b : {};
+                    strips[2][index] = { item: item, index: index, key: 2 };
+                }
             });
             if (maxSpacingSum < spacingSum_1) {
                 maxSpacingSum = spacingSum_1;
@@ -312,10 +329,14 @@ export var useLineChart = function (props) {
         if (data4 === null || data4 === void 0 ? void 0 : data4.length) {
             spacingSum_1 = 0;
             space_1 = (_108 = props.spacing4) !== null && _108 !== void 0 ? _108 : spacing;
-            data4.forEach(function (item) {
-                var _a;
+            data4.forEach(function (item, index) {
+                var _a, _b;
                 spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
                 cumulativeSpacing4.push(spacingSum_1);
+                if (item.showStrip) {
+                    strips[3] = (_b = strips[3]) !== null && _b !== void 0 ? _b : {};
+                    strips[3][index] = { item: item, index: index, key: 3 };
+                }
             });
             if (maxSpacingSum < spacingSum_1) {
                 maxSpacingSum = spacingSum_1;
@@ -324,10 +345,14 @@ export var useLineChart = function (props) {
         if (data5 === null || data5 === void 0 ? void 0 : data5.length) {
             spacingSum_1 = 0;
             space_1 = (_109 = props.spacing5) !== null && _109 !== void 0 ? _109 : spacing;
-            data5.forEach(function (item) {
-                var _a;
+            data5.forEach(function (item, index) {
+                var _a, _b;
                 spacingSum_1 += (_a = item.spacing) !== null && _a !== void 0 ? _a : space_1;
                 cumulativeSpacing5.push(spacingSum_1);
+                if (item.showStrip) {
+                    strips[4] = (_b = strips[4]) !== null && _b !== void 0 ? _b : {};
+                    strips[4][index] = { item: item, index: index, key: 4 };
+                }
             });
             if (maxSpacingSum < spacingSum_1) {
                 maxSpacingSum = spacingSum_1;
@@ -357,7 +382,7 @@ export var useLineChart = function (props) {
     Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
     var showFractionalValues = (_112 = props.showFractionalValues) !== null && _112 !== void 0 ? _112 : (isFinite(valuesRange) && valuesRange <= 1);
     var roundToDigits = (_113 = props.roundToDigits) !== null && _113 !== void 0 ? _113 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
-    var _360 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _360.maxItem, minItem = _360.minItem;
+    var _361 = computeMaxAndMinItems(mergedPrimaryDataArrays, roundToDigits, showFractionalValues), maxItem = _361.maxItem, minItem = _361.minItem;
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
     var mostNegativeValue = (_114 = props.mostNegativeValue) !== null && _114 !== void 0 ? _114 : minItem;
     var overflowTop = ((_115 = props.overflowTop) !== null && _115 !== void 0 ? _115 : props.secondaryXAxis)
@@ -377,7 +402,7 @@ export var useLineChart = function (props) {
     var secondaryRoundToDigits = (_119 = (_118 = props.secondaryYAxis) === null || _118 === void 0 ? void 0 : _118.roundToDigits) !== null && _119 !== void 0 ? _119 : (showSecondaryFractionalValues
         ? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
         : 0);
-    var _361 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _361.maxItem, secondaryMinItem = _361.minItem;
+    var _362 = computeMaxAndMinItems(mergedSecondaryDataArrays, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _362.maxItem, secondaryMinItem = _362.minItem;
     var secondaryMaxValue = (_121 = (_120 = props.secondaryYAxis) === null || _120 === void 0 ? void 0 : _120.maxValue) !== null && _121 !== void 0 ? _121 : (secondaryMaxItem || maxValue);
     var getSecondaryY = function (value) {
         return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
@@ -435,7 +460,7 @@ export var useLineChart = function (props) {
     var endOpacity5 = (_196 = props.endOpacity5) !== null && _196 !== void 0 ? _196 : endOpacity;
     defaultArrowConfig.strokeWidth = (_198 = (_197 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _197 === void 0 ? void 0 : _197.thickness) !== null && _198 !== void 0 ? _198 : thickness1;
     defaultArrowConfig.strokeColor = (_200 = (_199 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _199 === void 0 ? void 0 : _199.color) !== null && _200 !== void 0 ? _200 : color1;
-    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;
+    var _363 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _363.arrowLength1, arrowWidth1 = _363.arrowWidth1, arrowStrokeWidth1 = _363.arrowStrokeWidth1, arrowStrokeColor1 = _363.arrowStrokeColor1, arrowFillColor1 = _363.arrowFillColor1, showArrowBase1 = _363.showArrowBase1, arrowLength2 = _363.arrowLength2, arrowWidth2 = _363.arrowWidth2, arrowStrokeWidth2 = _363.arrowStrokeWidth2, arrowStrokeColor2 = _363.arrowStrokeColor2, arrowFillColor2 = _363.arrowFillColor2, showArrowBase2 = _363.showArrowBase2, arrowLength3 = _363.arrowLength3, arrowWidth3 = _363.arrowWidth3, arrowStrokeWidth3 = _363.arrowStrokeWidth3, arrowStrokeColor3 = _363.arrowStrokeColor3, arrowFillColor3 = _363.arrowFillColor3, showArrowBase3 = _363.showArrowBase3, arrowLength4 = _363.arrowLength4, arrowWidth4 = _363.arrowWidth4, arrowStrokeWidth4 = _363.arrowStrokeWidth4, arrowStrokeColor4 = _363.arrowStrokeColor4, arrowFillColor4 = _363.arrowFillColor4, showArrowBase4 = _363.showArrowBase4, arrowLength5 = _363.arrowLength5, arrowWidth5 = _363.arrowWidth5, arrowStrokeWidth5 = _363.arrowStrokeWidth5, arrowStrokeColor5 = _363.arrowStrokeColor5, arrowFillColor5 = _363.arrowFillColor5, showArrowBase5 = _363.showArrowBase5, arrowLengthsFromSet = _363.arrowLengthsFromSet, arrowWidthsFromSet = _363.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _363.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _363.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _363.arrowFillColorsFromSet, showArrowBasesFromSet = _363.showArrowBasesFromSet;
     var secondaryLineConfig = {
         zIndex: (_202 = (_201 = props.secondaryLineConfig) === null || _201 === void 0 ? void 0 : _201.zIndex) !== null && _202 !== void 0 ? _202 : zIndex1,
         curved: (_204 = (_203 = props.secondaryLineConfig) === null || _203 === void 0 ? void 0 : _203.curved) !== null && _204 !== void 0 ? _204 : props.curved,
@@ -1056,29 +1081,30 @@ export var useLineChart = function (props) {
     var hidePointer5 = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.hidePointer5;
     var hideSecondaryPointer = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.hideSecondaryPointer;
     var resetPointerOnDataChange = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.resetPointerOnDataChange;
+    var hidePointerDataPointForMissingValues = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _295 !== void 0 ? _295 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
     var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
-    var disableScroll = (_295 = props.disableScroll) !== null && _295 !== void 0 ? _295 : (pointerConfig
+    var disableScroll = (_296 = props.disableScroll) !== null && _296 !== void 0 ? _296 : (pointerConfig
         ? activatePointersOnLongPress
             ? !!responderActive
             : true
         : false);
-    var showScrollIndicator = (_296 = props.showScrollIndicator) !== null && _296 !== void 0 ? _296 : LineDefaults.showScrollIndicator;
-    var focusEnabled = (_297 = props.focusEnabled) !== null && _297 !== void 0 ? _297 : LineDefaults.focusEnabled;
-    var showDataPointOnFocus = (_298 = props.showDataPointOnFocus) !== null && _298 !== void 0 ? _298 : LineDefaults.showDataPointOnFocus;
-    var showStripOnFocus = (_299 = props.showStripOnFocus) !== null && _299 !== void 0 ? _299 : LineDefaults.showStripOnFocus;
-    var showTextOnFocus = (_300 = props.showTextOnFocus) !== null && _300 !== void 0 ? _300 : LineDefaults.showTextOnFocus;
-    var showDataPointLabelOnFocus = (_301 = props.showDataPointLabelOnFocus) !== null && _301 !== void 0 ? _301 : LineDefaults.showDataPointLabelOnFocus;
+    var showScrollIndicator = (_297 = props.showScrollIndicator) !== null && _297 !== void 0 ? _297 : LineDefaults.showScrollIndicator;
+    var focusEnabled = (_298 = props.focusEnabled) !== null && _298 !== void 0 ? _298 : LineDefaults.focusEnabled;
+    var showDataPointOnFocus = (_299 = props.showDataPointOnFocus) !== null && _299 !== void 0 ? _299 : LineDefaults.showDataPointOnFocus;
+    var showStripOnFocus = (_300 = props.showStripOnFocus) !== null && _300 !== void 0 ? _300 : LineDefaults.showStripOnFocus;
+    var showTextOnFocus = (_301 = props.showTextOnFocus) !== null && _301 !== void 0 ? _301 : LineDefaults.showTextOnFocus;
+    var showDataPointLabelOnFocus = (_302 = props.showDataPointLabelOnFocus) !== null && _302 !== void 0 ? _302 : LineDefaults.showDataPointLabelOnFocus;
     var stripHeight = props.stripHeight;
-    var stripWidth = (_302 = props.stripWidth) !== null && _302 !== void 0 ? _302 : LineDefaults.stripWidth;
-    var stripColor = (_303 = props.stripColor) !== null && _303 !== void 0 ? _303 : color1;
-    var stripOpacity = (_304 = props.stripOpacity) !== null && _304 !== void 0 ? _304 : (startOpacity1 + endOpacity1) / 2;
+    var stripWidth = (_303 = props.stripWidth) !== null && _303 !== void 0 ? _303 : LineDefaults.stripWidth;
+    var stripColor = (_304 = props.stripColor) !== null && _304 !== void 0 ? _304 : color1;
+    var stripOpacity = (_305 = props.stripOpacity) !== null && _305 !== void 0 ? _305 : (startOpacity1 + endOpacity1) / 2;
     var stripStrokeDashArray = props.stripStrokeDashArray;
-    var unFocusOnPressOut = (_305 = props.unFocusOnPressOut) !== null && _305 !== void 0 ? _305 : LineDefaults.unFocusOnPressOut;
-    var delayBeforeUnFocus = (_306 = props.delayBeforeUnFocus) !== null && _306 !== void 0 ? _306 : LineDefaults.delayBeforeUnFocus;
-    var lineGradient = (_307 = props.lineGradient) !== null && _307 !== void 0 ? _307 : LineDefaults.lineGradient;
-    var lineGradientDirection = (_308 = props.lineGradientDirection) !== null && _308 !== void 0 ? _308 : 'vertical';
-    var lineGradientStartColor = (_309 = props.lineGradientStartColor) !== null && _309 !== void 0 ? _309 : LineDefaults.lineGradientStartColor;
-    var lineGradientEndColor = (_310 = props.lineGradientEndColor) !== null && _310 !== void 0 ? _310 : LineDefaults.lineGradientEndColor;
+    var unFocusOnPressOut = (_306 = props.unFocusOnPressOut) !== null && _306 !== void 0 ? _306 : LineDefaults.unFocusOnPressOut;
+    var delayBeforeUnFocus = (_307 = props.delayBeforeUnFocus) !== null && _307 !== void 0 ? _307 : LineDefaults.delayBeforeUnFocus;
+    var lineGradient = (_308 = props.lineGradient) !== null && _308 !== void 0 ? _308 : LineDefaults.lineGradient;
+    var lineGradientDirection = (_309 = props.lineGradientDirection) !== null && _309 !== void 0 ? _309 : 'vertical';
+    var lineGradientStartColor = (_310 = props.lineGradientStartColor) !== null && _310 !== void 0 ? _310 : LineDefaults.lineGradientStartColor;
+    var lineGradientEndColor = (_311 = props.lineGradientEndColor) !== null && _311 !== void 0 ? _311 : LineDefaults.lineGradientEndColor;
     var getPointerY = function (value) {
         return value
             ? containerHeight -
@@ -1149,8 +1175,8 @@ export var useLineChart = function (props) {
         var initialPointerYs = (_a = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) { return getPointerY(set.data[initialPointerIndex].value); })) !== null && _a !== void 0 ? _a : [];
         setPointerYsForDataSet(initialPointerYs);
     };
-    var dataPointsRadius = (_312 = (_311 = props.dataPointsRadius1) !== null && _311 !== void 0 ? _311 : props.dataPointsRadius) !== null && _312 !== void 0 ? _312 : LineDefaults.dataPointsRadius;
-    var dataPointsWidth = (_314 = (_313 = props.dataPointsWidth1) !== null && _313 !== void 0 ? _313 : props.dataPointsWidth) !== null && _314 !== void 0 ? _314 : LineDefaults.dataPointsWidth;
+    var dataPointsRadius = (_313 = (_312 = props.dataPointsRadius1) !== null && _312 !== void 0 ? _312 : props.dataPointsRadius) !== null && _313 !== void 0 ? _313 : LineDefaults.dataPointsRadius;
+    var dataPointsWidth = (_315 = (_314 = props.dataPointsWidth1) !== null && _314 !== void 0 ? _314 : props.dataPointsWidth) !== null && _315 !== void 0 ? _315 : LineDefaults.dataPointsWidth;
     var extraWidthDueToDataPoint = props.hideDataPoints
         ? 0
         : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -1218,7 +1244,7 @@ export var useLineChart = function (props) {
         pointerY: pointerY,
         onEndReached: props.onEndReached,
         onStartReached: props.onStartReached,
-        endReachedOffset: (_315 = props.endReachedOffset) !== null && _315 !== void 0 ? _315 : LineDefaults.endReachedOffset,
+        endReachedOffset: (_316 = props.endReachedOffset) !== null && _316 !== void 0 ? _316 : LineDefaults.endReachedOffset,
         onMomentumScrollEnd: props.onMomentumScrollEnd,
         extraWidthDueToDataPoint: extraWidthDueToDataPoint
     };
@@ -1550,6 +1576,7 @@ export var useLineChart = function (props) {
         hidePointer5: hidePointer5,
         hideSecondaryPointer: hideSecondaryPointer,
         resetPointerOnDataChange: resetPointerOnDataChange,
+        hidePointerDataPointForMissingValues: hidePointerDataPointForMissingValues,
         pointerEvents: pointerEvents,
         disableScroll: disableScroll,
         showScrollIndicator: showScrollIndicator,
@@ -1580,7 +1607,9 @@ export var useLineChart = function (props) {
         cumulativeSpacing4: cumulativeSpacing4,
         cumulativeSpacing5: cumulativeSpacing5,
         cumulativeSpacingSecondary: cumulativeSpacingSecondary,
-        cumulativeSpacingForSet: cumulativeSpacingForSet
+        cumulativeSpacingForSet: cumulativeSpacingForSet,
+        stripOverDataPoints: props.stripOverDataPoints,
+        strips: strips
         // oldPoints
     };
 };

package/dist/LineChart/types.d.ts

@@ -62,6 +62,7 @@ export interface LineChartPropsType {
     onFocus?: Function;
     showDataPointOnFocus?: boolean;
     showStripOnFocus?: boolean;
+    stripOverDataPoints?: boolean;
     showTextOnFocus?: boolean;
     showDataPointLabelOnFocus?: boolean;
     stripHeight?: number;

package/dist/utils/types.d.ts

@@ -335,6 +335,8 @@ export interface Pointer {
     pointerStripHeight?: number;
     pointerStripColor?: ColorValue;
     pointerStripUptoDataPoint?: boolean;
+    hidePointerForMissingValues?: boolean;
+    hidePointerDataPointForMissingValues?: boolean;
     horizontalStripConfig?: HorizontalStripConfig;
     pointerLabelComponent?: Function;
     dynamicLegendComponent?: Function;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [