status-im
/
react-native-gifted-charts
mirror of https://github.com/status-im/react-native-gifted-charts.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #26 from Abhinandan-Kushwaha/development 

Development
This commit is contained in:
Abhinandan Kushwaha 2021-10-19 18:41:42 +05:30 committed by GitHub
parent d5b098f4c1 1893f5ec29
commit 2afb557223
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/PieChart/PieChartProps.md
View File

@ -27,6 +27,8 @@
| value | number | Value of the item, representing a section of the Pie chart |
| shiftX | number | Translates (shifts) the particular section horizontally by given value |
| shiftY | number | Translates (shifts) the particular section vertically by given value |
| shiftTextX | number | Translates (shifts) the position of label text horizontally |
| shiftTextY | number | Translates (shifts) the position of label text vertically |
| color | ColorValue | Color (background color) of the section |
| text | string | Label text for the sections |
| textColor | ColorValue | Color of the text (label) inside the section |

2
package.json
View File

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

8
src/PieChart/index.tsx
View File

@ -42,6 +42,8 @@ type itemType = {
textSize?: number;
textBackgroundColor?: string;
textBackgroundRadius?: number;
shiftTextX?: number;
shiftTextY?: number;
};
export const PieChart = (props: propTypes) => {
const {data, isThreeD} = props;
@ -144,6 +146,9 @@ export const PieChart = (props: propTypes) => {
const shiftX = dataItem.shiftX || 0;
const shiftY = dataItem.shiftY || 0;
const shiftTextX = dataItem.shiftTextX || 0;
const shiftTextY = dataItem.shiftTextY || 0;
/**************** This section is to prevent the shadow from ***************/
/**************** being visible inside the chart content if ***************/
/**************** the color of sections is transparent ***************/
@ -260,6 +265,9 @@ export const PieChart = (props: propTypes) => {
ctx.fill();
}
xx += shiftTextX;
yy += shiftTextY;
ctx.fillStyle = dataItem.textColor || textColor || colors[i++ % 8];
let labelText = dataItem.text || '';
if (showValuesAsLabels && !labelText) {