react-native-gifted-charts 1.2.40 → 1.2.41

package/README.md

@@ -18,6 +18,7 @@ The most complete library for Bar, Line, Area, Pie, Donut and Stacked Bar charts
 ---
 <img src='/demos/bars.png' alt=''/>
 <img src='/demos/lineArea.png' alt=''/>
+<img src='/demos/blues.png' alt=''/>
 <table>
   <tr>
     <td><img src='/demos/scrollLine.gif' alt='' width=320 height=280/></td>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.2.40",
+  "version": "1.2.41",
   "description": "The most complete library for Bar, Line, Area, Pie, Donut and Stacked Bar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.",
   "main": "src/index.tsx",
   "files": [

package/src/BarChart/index.tsx

@@ -62,6 +62,7 @@ type PropTypes = {
   showLine?: Boolean;
   lineData?: any;
   lineConfig?: lineConfigType;
+  lineBehindBars?: boolean;
 
   cappedBars?: Boolean;
   capThickness?: number;
@@ -235,6 +236,7 @@ export const BarChart = (props: PropTypes) => {
     return props.data;
   }, [props.yAxisOffset, props.data]);
   const lineData = props.lineData || data;
+  const lineBehindBars = props.lineBehindBars || false;
   const defaultLineConfig = {
     initialSpacing: initialSpacing,
     curved: false,
@@ -1434,7 +1436,7 @@ export const BarChart = (props: PropTypes) => {
           height: containerHeight + 10,
           bottom: 60, //stepHeight * -0.5 + xAxisThickness,
           width: animatedWidth,
-          zIndex: -1,
+          zIndex: lineBehindBars ? -1 : 100000,
           // backgroundColor: 'wheat',
         }}>
         <Svg>
@@ -1471,7 +1473,7 @@ export const BarChart = (props: PropTypes) => {
           height: containerHeight + 10,
           bottom: 60, //stepHeight * -0.5 + xAxisThickness,
           width: totalWidth,
-          zIndex: -1,
+          zIndex: lineBehindBars ? -1 : 100000,
           // backgroundColor: 'rgba(200,150,150,0.1)'
         }}>
         <Svg>

package/src/PieChart/index.tsx

@@ -45,6 +45,7 @@ type propTypes = {
   toggleFocusOnPress?: Boolean;
   selectedIndex?: number;
   setSelectedIndex?: Function;
+  sectionAutoFocus?: boolean;
   onLabelPress?: Function;
   extraRadiusForFocused?: number;
 };
@@ -69,13 +70,16 @@ type itemType = {
   onLabelPress?: Function;
   strokeWidth?: number;
   strokeColor?: string;
+  focused?: boolean;
 };
 
 export const PieChart = (props: propTypes) => {
   const radius = props.radius || 120;
   const extraRadiusForFocused = props.extraRadiusForFocused || radius / 10;
   const pi = props.semiCircle ? Math.PI / 2 : Math.PI;
-  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const [selectedIndex, setSelectedIndex] = useState(
+    props.data.findIndex(item => item.focused === true),
+  );
   let startAngle = props.initialAngle || (props.semiCircle ? -pi : 0);
   let total = 0;
   props.data.forEach(item => {
@@ -96,7 +100,7 @@ export const PieChart = (props: propTypes) => {
       }}>
       {!(
         props.data.length <= 1 ||
-        !props.focusOnPress ||
+        !(props.focusOnPress || props.sectionAutoFocus) ||
         selectedIndex === -1
       ) && (
         <View

package/src/todos.md

@@ -15,7 +15,6 @@
 8. Prepare a doc for xAxisLabelTexts and xAxisLabelTextStyle in Bar, Line And Area Charts
 9. Prepare a doc for vertical lines to explain noOfVerticalLines and verticalLinesSpacing props. https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/205
 10. Prepare a doc for negative marginBottom instead of marginTop for x axis labels. https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/190
-11. Prepare a doc for LineChartBicolor https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/221
 
 
 ## Architecture Enhancement