Merge pull request #1145 from Abhinandan-Kushwaha/development

v1.4.64 fixed issues with PieChart & -ve LineChart

Author: Abhinandan-Kushwaha

docs/LineChart/LineChartProps.md

@@ -523,6 +523,12 @@ lineGradientComponent={()=>{
 }}
 ```
 
+**Note**
+By default the gradient colors start and end within the range of the line displayed in the chart. <br />
+If you want the gradient colors to start and end along the full length of the Y-axis, then you need to use the property `gradientUnits="userSpaceOnUse"` inside the `<LinearGradient>` tag. <br />
+And also make sure to give x1, y1, x2 and y2 values as `"0%"` or `"100%"` instead of simply giving numerical `'0'` and `'1'`. <br />
+See issue- https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/251#issuecomment-3222828003
+
 ### LineSegment
 
 ```ts

package.json

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

release-notes/release-notes.md

@@ -1,3 +1,20 @@
+## 🎉 1.4.64
+
+### 🐛 Bug fixes
+
+1. Fixed the issue- "Pie - Donut inner view absorbs onPress events on pie". See https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/1131
+
+2. Fixed the issue- "PieChart does not render when all values are zero". See https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/1137
+
+3. Fixed the issue- "`negativeStepValue` does not reflect". See https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/1107
+
+
+---
+
+---
+
+---
+
 ## 🎉 1.4.63
 
 ### 🐛 Bug fixes
@@ -27,7 +44,7 @@ Added types to **style** related props. Thanks to [Seyed Mostafa Hasani](https:/
 
 ## ✨ Features added-
 
-1. Added support for spread (or ranged) area chart using the props `spreadAreaData`, `spreadAreaColor` and `spreadAreaOpacity`. Thanks to [Sadat Taseen](https://github.com/sttaseen) for his PR - https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/pull/1104 <br />
+   1. Added support for spread (or ranged) area chart using the props `spreadAreaData`, `spreadAreaColor` and `spreadAreaOpacity`. Thanks to [Sadat Taseen](https://github.com/sttaseen) and [TirelessDev](https://github.com/TirelessDev) for their PR - https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/pull/1104 <br />
 See https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/1093 <br />
 See this Stackoverflow question- https://stackoverflow.com/questions/65683564/fusioncharts-area-range-graph-with-line
 

src/PieChart/index.tsx

@@ -101,9 +101,10 @@ export const PieChart = (props: PieChartPropsType) => {
                 borderRightWidth: 0.5,
                 borderRightColor: innerCircleColor,
               },
-          ]}>
+          ]}
+          pointerEvents="box-none">
           <View style={{marginTop: semiCircle ? -0.5 * innerRadius : 0}}>
-            {props.centerLabelComponent ? props.centerLabelComponent(selectedIndex) : null}
+            {props.centerLabelComponent?.(selectedIndex) ?? null}
           </View>
         </View>
       );
@@ -168,7 +169,7 @@ export const PieChart = (props: PieChartPropsType) => {
     );
   };
 
-  if (!total) return null;
+  // if (!total) return null;
 
   return (
     <View

src/PieChart/main.tsx

@@ -92,7 +92,7 @@ export const PieChartMain = (props: PieChartMainProps) => {
     setTouchX(x);
     setTouchY(y);
     const r = Math.sqrt((x - cx) ** 2 + (y - cy) ** 2);
-    if (r > radius) return;
+    if (r > radius || (donut && r < innerRadius)) return;
     const a = Math.atan2(y - cy, x - cx);
 
     for (let index = 0; index < data.length; index++) {
@@ -182,7 +182,7 @@ export const PieChartMain = (props: PieChartMainProps) => {
               );
             })}
           </Defs>
-          {data.length === 1 ? (
+          {(data.length === 1 || !total) ? (
             <>
               <Circle
                 cx={cx}