react-native-gifted-charts 1.2.34 → 1.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.2.34",
+  "version": "1.2.35",
   "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/RenderStackBars.tsx

@@ -1,5 +1,6 @@
 import React, {Component} from 'react';
 import {View, TouchableOpacity, Text, ColorValue} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
 import Svg, {Defs, Rect} from 'react-native-svg';
 import {Style} from 'util';
 
@@ -41,6 +42,8 @@ type Props = {
   selectedIndex: number;
   setSelectedIndex: Function;
   activeOpacity: number;
+  showGradient?: Boolean;
+  gradientColor?: any;
   stackData: Array<itemType>;
 };
 type itemType = {
@@ -53,6 +56,9 @@ type itemType = {
   topLabelComponent?: Function;
   topLabelContainerStyle?: any;
   disablePress?: any;
+  color?: ColorValue;
+  showGradient?: Boolean;
+  gradientColor?: any;
   capThickness?: number;
   capColor?: ColorValue;
   capRadius?: number;
@@ -60,6 +66,7 @@ type itemType = {
   borderRadius?: number;
   stacks?: Array<any>;
   barBackgroundPattern?: Function;
+  barBorderRadius?: Number;
   patternId?: String;
 };
 const RenderStackBars = (props: Props) => {
@@ -179,7 +186,7 @@ const RenderStackBars = (props: Props) => {
                       (Math.abs(stackItem.value) * (containerHeight || 200)) /
                         (maxValue || 200) -
                       (stackItem.marginBottom || 0),
-                    backgroundColor: stackItem.color || 'black',
+                    backgroundColor: stackItem.color || props.color || 'black',
                     borderRadius:
                       stackItem.borderRadius || props.barBorderRadius || 0,
                   },
@@ -193,6 +200,33 @@ const RenderStackBars = (props: Props) => {
                         stackItem.borderBottomRightRadius || 0,
                     },
                 ]}>
+                {stackItem.showGradient ||
+                item.showGradient ||
+                props.showGradient ? (
+                  <LinearGradient
+                    style={[
+                      {
+                        position: 'absolute',
+                        width: '100%',
+                        height: '100%',
+                        borderRadius:
+                          stackItem.barBorderRadius ||
+                          item.barBorderRadius ||
+                          props.barBorderRadius ||
+                          0,
+                      },
+                    ]}
+                    start={{x: 0, y: 0}}
+                    end={{x: 0, y: 1}}
+                    colors={[
+                      stackItem.gradientColor ||
+                        item.gradientColor ||
+                        props.gradientColor ||
+                        'white',
+                      stackItem.color || item.color || props.color || 'black',
+                    ]}
+                  />
+                ) : null}
                 {stackItem.innerBarComponent && stackItem.innerBarComponent()}
               </TouchableOpacity>
             );

package/src/BarChart/index.tsx

@@ -113,6 +113,7 @@ type PropTypes = {
   disablePress?: boolean;
 
   frontColor?: ColorValue;
+  color?: ColorValue;
   sideColor?: ColorValue;
   topColor?: ColorValue;
   gradientColor?: ColorValue;
@@ -1521,6 +1522,9 @@ export const BarChart = (props: PropTypes) => {
                     horizontal={horizontal}
                     intactTopLabel={intactTopLabel}
                     barBorderRadius={props.barBorderRadius}
+                    color={props.color}
+                    showGradient={props.showGradient}
+                    gradientColor={props.gradientColor}
                     barBackgroundPattern={props.barBackgroundPattern}
                     patternId={props.patternId}
                     label={

package/src/todos.md

@@ -1,6 +1,7 @@
 ## Features
 
 1. Fix the issue with pointers in Line/Area charts on Android https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/177
+2. Issue with eslint - tsc https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/222
 
 ## To-dos in documentation-
 
@@ -14,6 +15,7 @@
 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