react-native-gifted-charts 1.4.13 → 1.4.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.13",
+  "version": "1.4.14",
   "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": "src/index.tsx",
   "files": [
@@ -25,7 +25,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "gifted-charts-core": "^0.1.8"
+    "gifted-charts-core": "^0.1.10"
   },
   "devDependencies": {
     "@babel/core": "^7.22.5",

package/src/BarChart/RenderBars.tsx

@@ -52,6 +52,7 @@ const RenderBars = (props: RenderBarsPropsType) => {
     noOfSectionsBelowXAxis,
     yAxisOffset,
     barWidth,
+    labelsDistanceFromXaxis = 0,
   } = props;
 
   const barHeight = Math.max(
@@ -97,7 +98,8 @@ const RenderBars = (props: RenderBarsPropsType) => {
               (rotateLabel
                 ? -40
                 : -6 - xAxisTextNumberOfLines * 18 - xAxisLabelsVerticalShift) -
-              barMarginBottom,
+              barMarginBottom -
+              labelsDistanceFromXaxis,
           },
           rotateLabel
             ? horizontal
@@ -406,7 +408,9 @@ const RenderBars = (props: RenderBarsPropsType) => {
           activeOpacity={props.activeOpacity || 0.2}
           onPress={() => {
             if (renderTooltip || props.focusBarOnPress) {
-              setSelectedIndex(index);
+              if (props.focusedBarIndex === undefined || !props.onPress) {
+                setSelectedIndex(index);
+              }
             }
             item.onPress
               ? item.onPress()

package/src/BarChart/RenderStackBars.tsx

@@ -8,7 +8,7 @@ import {
   UIManager,
 } from 'react-native';
 import Svg, {Defs, Rect} from 'react-native-svg';
-import LinearGradient from "../Components/common/LinearGradient";
+import LinearGradient from '../Components/common/LinearGradient';
 import {
   useRenderStackBars,
   BarDefaults,
@@ -49,6 +49,8 @@ const RenderStackBars = (props: StackedBarChartPropsType) => {
     stackBorderBottomLeftRadius,
     stackBorderBottomRightRadius,
     showValuesAsTopLabel,
+    autoShiftLabelsForNegativeStacks = true,
+    labelsDistanceFromXaxis = 0,
   } = props;
   const {
     cotainsNegative,
@@ -78,9 +80,9 @@ const RenderStackBars = (props: StackedBarChartPropsType) => {
             width:
               (item.stacks[0].barWidth || props.barWidth || 30) + spacing / 2,
             position: 'absolute',
-            bottom: rotateLabel
-              ? -40
-              : -6 - xAxisTextNumberOfLines * 18 + lowestBarPosition,
+            bottom: autoShiftLabelsForNegativeStacks
+              ? -6 - xAxisTextNumberOfLines * 18 + lowestBarPosition
+              : -labelsDistanceFromXaxis,
           },
           rotateLabel
             ? props.horizontal

package/src/BarChart/index.tsx

@@ -86,7 +86,14 @@ export const BarChart = (props: BarChartPropsType) => {
     autoShiftLabels,
     getPropsCommonForBarAndStack,
     barAndLineChartsWrapperProps,
-  } = useBarChart({...props, heightValue, widthValue, opacValue, parentWidth: props.parentWidth ?? screenWidth});
+    autoShiftLabelsForNegativeStacks,
+  } = useBarChart({
+    ...props,
+    heightValue,
+    widthValue,
+    opacValue,
+    parentWidth: props.parentWidth ?? screenWidth,
+  });
 
   const labelsAppear = useCallback(() => {
     opacValue.setValue(0);
@@ -327,6 +334,7 @@ export const BarChart = (props: BarChartPropsType) => {
             stackBorderTopRightRadius={props.stackBorderTopRightRadius}
             stackBorderBottomLeftRadius={props.stackBorderBottomLeftRadius}
             stackBorderBottomRightRadius={props.stackBorderBottomRightRadius}
+            autoShiftLabelsForNegativeStacks={autoShiftLabelsForNegativeStacks}
             {...getPropsCommonForBarAndStack(item, index)}
           />
         );