react-native-gifted-charts 1.4.15 → 1.4.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.15",
+  "version": "1.4.16",
   "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.11"
+    "gifted-charts-core": "^0.1.13"
   },
   "devDependencies": {
     "@babel/core": "^7.22.5",

package/src/Components/BarAndLineChartsWrapper/renderHorizSections.tsx

@@ -7,10 +7,12 @@ import {
   yAxisSides,
   HorizSectionsType,
   horizSectionPropTypes,
+  chartTypes,
 } from 'gifted-charts-core';
 
 export const renderHorizSections = (props: horizSectionPropTypes) => {
   const {
+    chartType,
     width,
     noOfSectionsBelowXAxis,
     totalWidth,
@@ -330,6 +332,12 @@ export const renderHorizSections = (props: horizSectionPropTypes) => {
     );
   };
 
+  const leftShiftForRIghtYaxis =
+    (width ? width + 20 : totalWidth) +
+    yAxisLabelWidth / 2 +
+    endSpacing -
+    (chartType === chartTypes.BAR ? 40 : 60);
+
   return (
     <>
       {onlyReferenceLines ? (
@@ -411,7 +419,7 @@ export const renderHorizSections = (props: horizSectionPropTypes) => {
                               : stepHeight,
                         },
                         yAxisSide === yAxisSides.RIGHT && {
-                          left: (width ?? totalWidth) + yAxisLabelWidth / 2,
+                          left: leftShiftForRIghtYaxis,
                         },
                         horizontal &&
                           !yAxisAtTop && {

package/src/LineChart/index.tsx

@@ -1518,18 +1518,17 @@ export const LineChart = (props: LineChartPropsType) => {
             }
           }
           if (dataSet?.length) {
-            if (dataSet[0].data[factor]) {
-              const ysForDataSet = dataSet.map(set => {
-                const item = set.data[factor];
-                const y =
-                  containerHeight -
+            const ysForDataSet = dataSet.map(set => {
+              const item = set.data[factor];
+              const y = item
+                ? containerHeight -
                   (item.value * containerHeight) / maxValue -
                   (pointerRadius || pointerHeight / 2) +
-                  10;
-                return y;
-              });
-              setPointerYsForDataSet(ysForDataSet);
-            }
+                  10
+                : 0;
+              return y;
+            });
+            setPointerYsForDataSet(ysForDataSet);
           }
         }}
         // onResponderReject={evt => {