react-native-gifted-charts 1.4.32 → 1.4.34

package/dist/BarChart/RenderStackBars.js

@@ -116,7 +116,7 @@ var RenderStackBars = function (props) {
                                         ] })) : null, stackItem.innerBarComponent && stackItem.innerBarComponent()] }, index));
                         }), (item.barBackgroundPattern || barBackgroundPattern) && (_jsxs(Svg, { children: [_jsx(Defs, { children: item.barBackgroundPattern
                                         ? item.barBackgroundPattern()
-                                        : barBackgroundPattern === null || barBackgroundPattern === void 0 ? void 0 : barBackgroundPattern() }), _jsx(Rect, { stroke: "none", x: "1", y: "1", width: "100%", height: "100%", fill: "url(#".concat(item.patternId || patternId, ")") })] }))] }), localBarInnerComponent ? (_jsx(View, { style: { height: '100%', width: '100%' }, children: localBarInnerComponent(item, index) })) : null, (item.topLabelComponent || showValuesAsTopLabel) && (_jsx(View, { style: [
+                                        : barBackgroundPattern === null || barBackgroundPattern === void 0 ? void 0 : barBackgroundPattern() }), _jsx(Rect, { stroke: "none", x: "1", y: "1", width: "100%", height: totalHeight, fill: "url(#".concat(item.patternId || patternId, ")") })] }))] }), localBarInnerComponent ? (_jsx(View, { style: { height: '100%', width: '100%' }, children: localBarInnerComponent(item, index) })) : null, (item.topLabelComponent || showValuesAsTopLabel) && (_jsx(View, { style: [
                         {
                             position: 'absolute',
                             top: containsNegativeValue

package/dist/Components/BarAndLineChartsWrapper/renderHorizSections.js

@@ -4,9 +4,9 @@ import Rule from '../lineSvg';
 import { styles } from '../../LineChart/styles';
 import { getHorizSectionVals, yAxisSides, chartTypes, } from 'gifted-charts-core';
 export var renderHorizSections = function (props) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     var chartType = props.chartType, width = props.width, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, totalWidth = props.totalWidth, endSpacing = props.endSpacing, yAxisSide = props.yAxisSide, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, yAxisLabelWidth = props.yAxisLabelWidth, yAxisLabelContainerStyle = props.yAxisLabelContainerStyle, yAxisThickness = props.yAxisThickness, yAxisColor = props.yAxisColor, xAxisThickness = props.xAxisThickness, xAxisColor = props.xAxisColor, xAxisLength = props.xAxisLength, xAxisType = props.xAxisType, dashWidth = props.dashWidth, dashGap = props.dashGap, backgroundColor = props.backgroundColor, hideRules = props.hideRules, rulesLength = props.rulesLength, rulesType = props.rulesType, rulesThickness = props.rulesThickness, rulesColor = props.rulesColor, rulesConfigArray = props.rulesConfigArray, spacing = props.spacing, showYAxisIndices = props.showYAxisIndices, yAxisIndicesHeight = props.yAxisIndicesHeight, yAxisIndicesWidth = props.yAxisIndicesWidth, yAxisIndicesColor = props.yAxisIndicesColor, hideOrigin = props.hideOrigin, hideYAxisText = props.hideYAxisText, yAxisTextNumberOfLines = props.yAxisTextNumberOfLines, yAxisTextStyle = props.yAxisTextStyle, rotateYAxisTexts = props.rotateYAxisTexts, rtl = props.rtl, containerHeight = props.containerHeight, maxValue = props.maxValue, yAxisOffset = props.yAxisOffset, horizontal = props.horizontal, yAxisAtTop = props.yAxisAtTop, secondaryYAxis = props.secondaryYAxis, onlyReferenceLines = props.onlyReferenceLines, renderReferenceLines = props.renderReferenceLines, secondaryXAxis = props.secondaryXAxis;
-    var _c = getHorizSectionVals(props), secondaryYAxisConfig = _c.secondaryYAxisConfig, horizSections = _c.horizSections, yAxisExtraHeightAtTop = _c.yAxisExtraHeightAtTop, secondaryHorizSections = _c.secondaryHorizSections, showReferenceLine1 = _c.showReferenceLine1, referenceLine1Config = _c.referenceLine1Config, referenceLine1Position = _c.referenceLine1Position, showReferenceLine2 = _c.showReferenceLine2, referenceLine2Config = _c.referenceLine2Config, referenceLine2Position = _c.referenceLine2Position, showReferenceLine3 = _c.showReferenceLine3, referenceLine3Config = _c.referenceLine3Config, referenceLine3Position = _c.referenceLine3Position, horizSectionsBelow = _c.horizSectionsBelow, secondaryHorizSectionsBelow = _c.secondaryHorizSectionsBelow, getLabelTexts = _c.getLabelTexts, getLabelTextsForSecondaryYAxis = _c.getLabelTextsForSecondaryYAxis;
+    var _e = getHorizSectionVals(props), secondaryYAxisConfig = _e.secondaryYAxisConfig, horizSections = _e.horizSections, yAxisExtraHeightAtTop = _e.yAxisExtraHeightAtTop, secondaryHorizSections = _e.secondaryHorizSections, showReferenceLine1 = _e.showReferenceLine1, referenceLine1Config = _e.referenceLine1Config, referenceLine1Position = _e.referenceLine1Position, showReferenceLine2 = _e.showReferenceLine2, referenceLine2Config = _e.referenceLine2Config, referenceLine2Position = _e.referenceLine2Position, showReferenceLine3 = _e.showReferenceLine3, referenceLine3Config = _e.referenceLine3Config, referenceLine3Position = _e.referenceLine3Position, horizSectionsBelow = _e.horizSectionsBelow, secondaryHorizSectionsBelow = _e.secondaryHorizSectionsBelow, getLabelTexts = _e.getLabelTexts, getLabelTextsForSecondaryYAxis = _e.getLabelTextsForSecondaryYAxis;
     var secondaryYAxisExtraHeightAtBottom = 10;
     var renderAxesAndRules = function (index) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
@@ -93,7 +93,7 @@ export var renderHorizSections = function (props) {
     };
     var renderSecondaryYaxisLabels = function (horizSections, isBelow) {
         return horizSections.map(function (sectionItems, index) {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             var label = getLabelTextsForSecondaryYAxis(sectionItems.value, index);
             if (secondaryYAxisConfig.hideOrigin && index === 0) {
                 label = '';
@@ -114,14 +114,21 @@ export var renderHorizSections = function (props) {
                             ? ((_e = (_d = secondaryYAxisConfig.negativeStepHeight) !== null && _d !== void 0 ? _d : secondaryYAxisConfig.stepHeight) !== null && _e !== void 0 ? _e : 0)
                             : ((_f = secondaryYAxisConfig.stepHeight) !== null && _f !== void 0 ? _f : 0),
                     },
-                    yAxisLabelContainerStyle,
+                    (_g = secondaryYAxisConfig.yAxisLabelContainerStyle) !== null && _g !== void 0 ? _g : yAxisLabelContainerStyle,
                 ], children: [secondaryYAxisConfig.showYAxisIndices && (index !== 0 || isBelow) ? (_jsx(View, { style: {
                             height: secondaryYAxisConfig.yAxisIndicesHeight,
                             width: secondaryYAxisConfig.yAxisIndicesWidth,
                             position: 'absolute',
-                            left: ((_g = secondaryYAxisConfig.yAxisIndicesWidth) !== null && _g !== void 0 ? _g : 0) / -2,
+                            left: ((_h = secondaryYAxisConfig.yAxisIndicesWidth) !== null && _h !== void 0 ? _h : 0) / -2,
                             backgroundColor: secondaryYAxisConfig.yAxisIndicesColor,
-                        } })) : null, _jsx(Text, { numberOfLines: secondaryYAxisConfig.yAxisTextNumberOfLines, ellipsizeMode: 'clip', style: [secondaryYAxisConfig.yAxisTextStyle], children: label })] }, index));
+                        } })) : null, _jsx(Text, { numberOfLines: secondaryYAxisConfig.yAxisTextNumberOfLines, ellipsizeMode: 'clip', style: [
+                            {
+                                textAlign: 'left',
+                                width: (_k = (_j = secondaryYAxisConfig.yAxisLabelContainerStyle) === null || _j === void 0 ? void 0 : _j.width) !== null && _k !== void 0 ? _k : secondaryYAxisConfig.yAxisLabelWidth,
+                                marginLeft: 10,
+                            },
+                            secondaryYAxisConfig.yAxisTextStyle,
+                        ], children: label })] }, index));
         });
     };
     var referenceLines = function () {
@@ -319,7 +326,6 @@ export var renderHorizSections = function (props) {
                         borderLeftWidth: secondaryYAxisConfig.yAxisThickness,
                         height: containerHeight + yAxisExtraHeightAtTop,
                         bottom: stepHeight / -2,
-                        // backgroundColor:'red'
                     }, children: !secondaryYAxisConfig.hideYAxisText
                         ? renderSecondaryYaxisLabels(secondaryHorizSections, false)
                         : null })) : null, 
@@ -327,15 +333,15 @@ export var renderHorizSections = function (props) {
                 /*************************      Render the secondary Y Axis below origin   *********************/
                 /***********************************************************************************************/
                 secondaryYAxisConfig.noOfSectionsBelowXAxis ? (_jsx(View, { style: {
-                        width: secondaryYAxisConfig.yAxisLabelWidth,
+                        width: (_a = secondaryYAxisConfig.yAxisLabelWidth) !== null && _a !== void 0 ? _a : yAxisLabelWidth,
                         left: (width ? yAxisLabelWidth : yAxisLabelWidth - spacing) -
-                            yAxisLabelWidth,
+                            ((_b = secondaryYAxisConfig.yAxisLabelWidth) !== null && _b !== void 0 ? _b : yAxisLabelWidth),
                         borderColor: secondaryYAxisConfig.yAxisColor,
                         borderLeftWidth: secondaryYAxisConfig.yAxisThickness,
-                        height: ((_b = (_a = secondaryYAxisConfig.negativeStepHeight) !== null && _a !== void 0 ? _a : secondaryYAxisConfig.stepHeight) !== null && _b !== void 0 ? _b : stepHeight) *
+                        height: ((_d = (_c = secondaryYAxisConfig.negativeStepHeight) !== null && _c !== void 0 ? _c : secondaryYAxisConfig.stepHeight) !== null && _d !== void 0 ? _d : stepHeight) *
                             secondaryHorizSectionsBelow.length +
                             secondaryYAxisExtraHeightAtBottom,
-                        bottom: -containerHeight - stepHeight * 0.84,
+                        bottom: -containerHeight - stepHeight / 2 - yAxisExtraHeightAtTop,
                     }, children: !secondaryYAxisConfig.hideYAxisText
                         ? renderSecondaryYaxisLabels(secondaryHorizSectionsBelow, true)
                         : null })) : null] })) }));

package/dist/Components/common/StripAndLabel.js

@@ -24,7 +24,7 @@ export var StripAndLabel = function (props) {
                             : -pointerYLocal + 8,
                     width: pointerStripWidth,
                     height: pointerStripUptoDataPoint
-                        ? containerHeight - pointerYLocal + 10 - xAxisThickness
+                        ? containerHeight - pointerYLocal + 4 - xAxisThickness
                         : pointerStripHeight + (containsNegative ? 10 : 0),
                     marginTop: pointerStripUptoDataPoint
                         ? 0
@@ -34,7 +34,7 @@ export var StripAndLabel = function (props) {
                 }, children: _jsx(Svg, { children: _jsx(Line, { stroke: pointerStripColor, strokeWidth: pointerStripWidth, strokeDasharray: (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray)
                             ? pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray
                             : '', x1: 0, y1: 0, x2: 0, y2: pointerStripUptoDataPoint
-                            ? containerHeight - pointerYLocal + 10 - xAxisThickness
+                            ? containerHeight - pointerYLocal + 4 - xAxisThickness
                             : pointerStripHeight + 10 }) }) })) : null, pointerLabelComponent ? (_jsx(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: [
                     {
                         position: 'absolute',

package/dist/LineChart/LineChartBicolor.js

@@ -248,7 +248,7 @@ export var LineChartBicolor = function (props) {
                     ? fillPointsArray.map(function (item, index) {
                         return (_jsx(Path, { d: item.points, fill: item.color === 'green'
                                 ? 'url(#Gradient)'
-                                : 'url(#GradientNegative)', stroke: 'transparent', strokeWidth: currentLineThickness || thickness }, index));
+                                : 'url(#GradientNegative)', stroke: 'none', strokeWidth: currentLineThickness || thickness }, index));
                     })
                     : null, renderSpecificVerticalLines(data), !hideDataPoints1
                     ? renderDataPoints(data, dataPointsShape1, dataPointsWidth1, dataPointsHeight1, dataPointsColor1, dataPointsRadius1, textColor1, textFontSize1, startIndex1, endIndex1)

package/dist/LineChart/index.js

@@ -196,7 +196,7 @@ export var LineChart = function (props) {
     ]);
     var svgWrapperViewStyle = {
         position: 'absolute',
-        bottom: 62 +
+        bottom: 63 +
             xAxisLabelsVerticalShift +
             labelsExtraHeight -
             xAxisThickness -
@@ -262,7 +262,7 @@ export var LineChart = function (props) {
         var getYOrSecondaryY = isSecondary ? getSecondaryY : getY;
         return dataForRender.map(function (item, index) {
             var _a;
-            var _b, _c, _d, _e, _f;
+            var _b, _c, _d, _e, _f, _g, _h, _j, _k;
             if (index < startIndex || index > endIndex)
                 return null;
             if (item.hideDataPoint) {
@@ -290,10 +290,7 @@ export var LineChart = function (props) {
                         props.focusedDataPointColor ||
                         LineDefaults.focusedDataPointColor;
                 dataPointsRadius =
-                    item.focusedDataPointRadius ||
-                        props.focusedDataPointRadius ||
-                        item.dataPointRadius ||
-                        dataPtsRadius;
+                    (_d = (_c = (_b = item.focusedDataPointRadius) !== null && _b !== void 0 ? _b : props.focusedDataPointRadius) !== null && _c !== void 0 ? _c : item.dataPointRadius) !== null && _d !== void 0 ? _d : dataPtsRadius;
                 if (showTextOnFocus) {
                     text = item.dataPointText;
                 }
@@ -310,7 +307,7 @@ export var LineChart = function (props) {
                 dataPointsWidth = item.dataPointWidth || dataPtsWidth;
                 dataPointsHeight = item.dataPointHeight || dataPtsHeight;
                 dataPointsColor = item.dataPointColor || dataPtsColor;
-                dataPointsRadius = item.dataPointRadius || dataPtsRadius;
+                dataPointsRadius = (_e = item.dataPointRadius) !== null && _e !== void 0 ? _e : dataPtsRadius;
                 if (showTextOnFocus) {
                     text = '';
                 }
@@ -320,10 +317,10 @@ export var LineChart = function (props) {
             if (showValuesAsDataPointsText) {
                 text = originalDataFromProps[index].value;
             }
-            var currentStripHeight = (_b = item.stripHeight) !== null && _b !== void 0 ? _b : stripHeight;
-            var currentStripWidth = (_c = item.stripWidth) !== null && _c !== void 0 ? _c : stripWidth;
-            var currentStripOpacity = (_d = item.stripOpacity) !== null && _d !== void 0 ? _d : stripOpacity;
-            var currentStripStrokeDashArray = (_f = (_e = item.stripStrokeDashArray) !== null && _e !== void 0 ? _e : stripStrokeDashArray) !== null && _f !== void 0 ? _f : '';
+            var currentStripHeight = (_f = item.stripHeight) !== null && _f !== void 0 ? _f : stripHeight;
+            var currentStripWidth = (_g = item.stripWidth) !== null && _g !== void 0 ? _g : stripWidth;
+            var currentStripOpacity = (_h = item.stripOpacity) !== null && _h !== void 0 ? _h : stripOpacity;
+            var currentStripStrokeDashArray = (_k = (_j = item.stripStrokeDashArray) !== null && _j !== void 0 ? _j : stripStrokeDashArray) !== null && _k !== void 0 ? _k : '';
             var currentStripColor = item.stripColor || stripColor;
             var position = I18nManager.isRTL ? 'right' : 'left';
             var y1 = currentStripHeight
@@ -620,7 +617,8 @@ export var LineChart = function (props) {
                     }
                     return _jsx(Path, __assign({}, lineSvgProps), index);
                 })) : animateOnDataChange && animatedPath ? (_jsx(AnimatedPath, __assign({}, lineSvgPropsOuter))) : (_jsx(Path, __assign({}, lineSvgPropsOuter))), isNthAreaChart &&
-                    getAreaGradientComponent(startFillColor, endFillColor, startOpacity, endOpacity), isNthAreaChart ? (animateOnDataChange && animatedFillPath ? (_jsx(AnimatedPath, { onPress: props.onChartAreaPress, d: animatedFillPath, fill: props.areaGradientId
+                    getAreaGradientComponent(startFillColor, endFillColor, startOpacity, endOpacity), isNthAreaChart ? (props.interpolateMissingValues === false &&
+                    propsData.some(function (item) { return isNaN(item.value); }) ? null : animateOnDataChange && animatedFillPath ? (_jsx(AnimatedPath, { onPress: props.onChartAreaPress, d: animatedFillPath, fill: props.areaGradientId
                         ? "url(#".concat(props.areaGradientId, ")")
                         : "url(#Gradient)", stroke: 'none', strokeWidth: currentLineThickness || thickness })) : (_jsx(Path, { onPress: props.onChartAreaPress, d: fillPoints, fill: props.areaGradientId
                         ? "url(#".concat(props.areaGradientId, ")")
@@ -764,7 +762,7 @@ export var LineChart = function (props) {
             onResponderEnd: function (evt) {
                 // console.log('evt...end.......',evt);
                 setResponderStartTime(0);
-                setPointerIndex(-1);
+                // setPointerIndex(-1);
                 setResponderActive(false);
                 if (!persistPointer)
                     setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);
@@ -817,7 +815,7 @@ export var LineChart = function (props) {
             onResponderEnd: function (evt) {
                 // console.log('evt...end.......',evt);
                 setResponderStartTime(0);
-                setPointerIndex(-1);
+                // setPointerIndex(-1);
                 setResponderActive(false);
                 if (!persistPointer)
                     setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);

package/dist/PieChart/index.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View } from 'react-native';
+import { Platform, View } from 'react-native';
 import { PieChartMain } from './main';
 import { pieColors, usePieChart } from 'gifted-charts-core';
 export var PieChart = function (props) {
@@ -77,7 +77,7 @@ export var PieChart = function (props) {
                     position: 'absolute',
                     top: -extraRadius,
                     left: -extraRadius,
-                    zIndex: -1, // was not getting displayed in web (using Expo)
+                    zIndex: Platform.OS === 'web' ? -1 : 0, // was not getting displayed in web (using Expo)
                 }, children: _jsx(PieChartMain, __assign({}, props, { data: [
                         {
                             value: props.data[selectedIndex].value,

package/dist/PieChart/main.js

@@ -57,7 +57,7 @@ export var PieChartMain = function (props) {
                                 : item.strokeWidth === 0
                                     ? 0
                                     : item.strokeWidth || strokeWidth, fill: props.selectedIndex === index || item.peripheral
-                                ? 'transparent'
+                                ? 'none'
                                 : showGradient
                                     ? "url(#grad".concat(index, ")")
                                     : item.color || pieColors[index % 9], onPressIn: function () {

package/dist/PieChartPro/index.js

@@ -71,10 +71,10 @@ export var PieChartPro = function (props) {
                             }) }), data.map(function (item, index) {
                             var _a, _b, _c, _d;
                             var borderWidth = (_a = item.strokeWidth) !== null && _a !== void 0 ? _a : strokeWidth;
-                            var borderColor = (_c = (_b = item.strokeColor) !== null && _b !== void 0 ? _b : props.strokeColor) !== null && _c !== void 0 ? _c : (borderWidth ? 'black' : 'transparent');
+                            var borderColor = (_c = (_b = item.strokeColor) !== null && _b !== void 0 ? _b : props.strokeColor) !== null && _c !== void 0 ? _c : (borderWidth ? 'black' : 'none');
                             var strokeDashArrayLocal = (_d = item.strokeDashArray) !== null && _d !== void 0 ? _d : strokeDashArray;
                             return (_jsx(AnimatedPath, { id: "renderPath", d: isAnimated ? animatedPaths[index] : dFinal[index], fill: ring
-                                    ? 'transparent'
+                                    ? 'none'
                                     : showGradient
                                         ? "url(#grad".concat(index, ")")
                                         : data[index].color || pieColors[index % 9], strokeWidth: borderWidth, strokeDasharray: strokeDashArrayLocal, stroke: borderColor }, "path".concat(index)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.32",
+  "version": "1.4.34",
   "description": "The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.",
   "main": "dist/index.js",
   "files": [
@@ -25,7 +25,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "gifted-charts-core": "^0.1.33"
+    "gifted-charts-core": "^0.1.35"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",