Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
86 commits
Select commit Hold shift + click to select a range
900bc37
Add formatting function for BarChart top bar value (#518)
PixoDev Feb 8, 2022
5ec0b08
Fix AbstractChart calculating incorrect range when both fromZero and …
JasonPan Feb 8, 2022
e979a59
Add defaults for ContributionGraph (Fixes #425) (#543)
Andrew-Chen-Wang Feb 8, 2022
58c08a4
To fix React Native Error: “Animated.event now requires a second argu…
tention Feb 8, 2022
a37be65
LineChart: Rework X axis labeling to allow dissimilar dataset lengths…
coltonmccormack Feb 8, 2022
f30a37d
Add fillShadowGradientTo option (#513)
ezrafree Feb 8, 2022
591001a
add actions and formatting to pie chart
TDH55 Jun 14, 2021
ab7dd12
edited package.json
TDH55 Jun 14, 2021
a282309
added console.logs
TDH55 Jun 14, 2021
5c983a3
removed console.log
TDH55 Jun 14, 2021
0137d3d
added view wrapper around text
TDH55 Jun 14, 2021
681b51c
add flex and flex wrap properties to text
TDH55 Jun 14, 2021
fd84c86
added style to text
TDH55 Jun 14, 2021
84a57ee
added numberOfLines prop
TDH55 Jun 14, 2021
3a0afd9
added width to G
TDH55 Jun 14, 2021
15cf1ce
moved width declaration
TDH55 Jun 14, 2021
4682b9e
more width
TDH55 Jun 14, 2021
0a709c2
added useTextWidth
TDH55 Jun 14, 2021
7ed5ca4
used label text function
TDH55 Jun 14, 2021
a190eea
trying inlineSize
TDH55 Jun 14, 2021
19ae97f
added inlinesize to text
TDH55 Jun 14, 2021
c401d14
added bounding rect
TDH55 Jun 14, 2021
80acf33
rect height
TDH55 Jun 14, 2021
909ac64
back to inline size
TDH55 Jun 14, 2021
0cecf53
added text anchor
TDH55 Jun 14, 2021
0d6783b
added tspan
TDH55 Jun 14, 2021
52f7950
removed x prop onspan
TDH55 Jun 14, 2021
1259d01
remove position
TDH55 Jun 14, 2021
356c04d
returned positioning
TDH55 Jun 14, 2021
33ecc14
new text library
TDH55 Jun 14, 2021
8ec2c4e
scale to fit prop
TDH55 Jun 14, 2021
9b49492
removed scale to fit
TDH55 Jun 14, 2021
aafcae8
check with fixed width
TDH55 Jun 14, 2021
17ab016
remove position with new library
TDH55 Jun 14, 2021
0c25614
readded positioning
TDH55 Jun 14, 2021
a41d514
original calculation
TDH55 Jun 14, 2021
9b96c82
account for bullet point
TDH55 Jun 14, 2021
4d9f4f0
ran build command
TDH55 Jun 15, 2021
0136aae
added hamiltons method to percent calculation
TDH55 Jun 16, 2021
b00b730
fixed percentage calculations
TDH55 Jun 24, 2021
293c923
added the ability to adjust chart to legend ratio
TDH55 Jun 25, 2021
f38234e
build
TDH55 Jun 25, 2021
5f6225e
cleanup
TDH55 Jun 25, 2021
b4085f5
fixed 0% entries showing as <1%
TDH55 Jun 25, 2021
142b704
build
TDH55 Jun 25, 2021
84b2230
build
TDH55 Jun 28, 2021
becfa8b
build
TDH55 Jun 28, 2021
8663ee3
add on click
TDH55 Jun 28, 2021
e7263ba
modified onpress w/ bable
TDH55 Jun 29, 2021
e611832
changing onPress in bable did not work
TDH55 Jun 29, 2021
95c9dc6
removed visx/text
TDH55 Jun 29, 2021
667e93b
rebuild
TDH55 Jun 29, 2021
3972599
added truncating for the legend
TDH55 Jul 1, 2021
c49edf1
removed console.log
TDH55 Jul 1, 2021
83b4d07
fixed percentages w/ truncating
TDH55 Jul 1, 2021
9b069a0
Revert "rebuild"
TDH55 Jul 1, 2021
66e6000
fixed issues with color in editor
TDH55 Jul 1, 2021
d51f893
fixed issue with chart not showing when values are percentages
TDH55 Jul 2, 2021
c19d4e0
build to fix percentage bugs
TDH55 Jul 6, 2021
51becf0
added check to see if fontsize is defined
TDH55 Jul 7, 2021
6c62383
added remove legedn prefix
TDH55 Jul 8, 2021
5c1572f
made label transparent while calculating
TDH55 Jul 8, 2021
fbd94d0
fixed issue with label flashing
TDH55 Jul 9, 2021
69df223
removed console logs
TDH55 Jul 9, 2021
4224b6f
fixed issue where data didn't refresh
TDH55 Jul 13, 2021
3251f50
fixed issue with percentages flashing
TDH55 Jul 13, 2021
b714db6
reworked truncation to fix flashing issues
TDH55 Jul 15, 2021
5c660fb
fixed issue with percentage ordering when rounded
TDH55 Jul 15, 2021
b56f07d
ran yarn build
TDH55 Jul 16, 2021
49cc449
removed unneded dependency
TDH55 Jul 16, 2021
94ed739
remove console.log
TDH55 Jul 16, 2021
da775b2
fixed sorting when percentages round
TDH55 Jul 20, 2021
e60f713
fixed sorting when percentages round
TDH55 Jul 21, 2021
389a405
added check for undefined other slice
TDH55 Jul 21, 2021
53c0c2f
Upgrade libs
oleksandrkaDev Apr 8, 2025
36305da
Add resolutions
oleksandrkaDev Apr 8, 2025
918c24f
Add resolutions
oleksandrkaDev Apr 8, 2025
b875380
Change logs
oleksandrkaDev Apr 24, 2025
25bca70
Temp add logs
oleksandrkaDev Apr 24, 2025
5e06f48
Add manually resolution for pie chart
oleksandrkaDev Apr 25, 2025
108a036
Map hsl color to rgb
oleksandrkaDev Apr 25, 2025
668c20e
Update build
oleksandrkaDev Apr 25, 2025
f88e313
add logs
oleksandrkaDev Apr 25, 2025
89d99e9
Upgrade component and remove logs
oleksandrkaDev Apr 25, 2025
963fa6d
Fix review comments
oleksandrkaDev Jul 16, 2025
95832df
Remove onLayout from PieChart
oleksandrkaDev Oct 22, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ package-lock.json
.idea
.vscode
yarn.lock
dist
dist
38 changes: 21 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,23 +93,27 @@ const chartConfig = {
};
```

| Property | Type | Description |
| ----------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------ |
| backgroundGradientFrom | string | Defines the first color in the linear gradient of a chart's background |
| backgroundGradientFromOpacity | Number | Defines the first color opacity in the linear gradient of a chart's background |
| backgroundGradientTo | string | Defines the second color in the linear gradient of a chart's background |
| backgroundGradientToOpacity | Number | Defines the second color opacity in the linear gradient of a chart's background |
| fillShadowGradient | string | Defines the color of the area under data |
| fillShadowGradientOpacity | Number | Defines the initial opacity of the area under data |
| useShadowColorFromDataset | Boolean | Defines the option to use color from dataset to each chart data. Default is false |
| color | function => string | Defines the base color function that is used to calculate colors of labels and sectors used in a chart |
| strokeWidth | Number | Defines the base stroke width in a chart |
| barPercentage | Number | Defines the percent (0-1) of the available width each bar width in a chart |
| barRadius | Number | Defines the radius of each bar |
| propsForBackgroundLines | props | Override styles of the background lines, refer to react-native-svg's Line documentation |
| propsForLabels | props | Override styles of the labels, refer to react-native-svg's Text documentation |
| propsForVerticalLabels | props | Override styles of vertical labels, refer to react-native-svg's Text documentation |
| propsForHorizontalLabels | props | Override styles of horizontal labels, refer to react-native-svg's Text documentation |
| Property | Type | Description |
| ----------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
| backgroundGradientFrom | string | Defines the first color in the linear gradient of a chart's background |
| backgroundGradientFromOpacity | Number | Defines the first color opacity in the linear gradient of a chart's background |
| backgroundGradientTo | string | Defines the second color in the linear gradient of a chart's background |
| backgroundGradientToOpacity | Number | Defines the second color opacity in the linear gradient of a chart's background |
| fillShadowGradientFrom | string | Defines the first color in the linear gradient of the area under data (can also be specified as `fillShadowGradient`) |
| fillShadowGradientFromOpacity | Number | Defines the first color opacity in the linear gradient of the area under data (can also be specified as `fillShadowGradientOpacity`) |
| fillShadowGradientFromOffset | Number | Defines the first color offset (0-1) in the linear gradient of the area under data |
| fillShadowGradientTo | string | Defines the second color in the linear gradient of the area under data |
| fillShadowGradientToOpacity | Number | Defines the second color opacity in the linear gradient of the area under data |
| fillShadowGradientToOffset | Number | Defines the second color offset (0-1) in the linear gradient of the area under data |
| useShadowColorFromDataset | Boolean | Defines the option to use color from dataset to each chart data. Default is false |
| color | function => string | Defines the base color function that is used to calculate colors of labels and sectors used in a chart |
| strokeWidth | Number | Defines the base stroke width in a chart |
| barPercentage | Number | Defines the percent (0-1) of the available width each bar width in a chart |
| barRadius | Number | Defines the radius of each bar |
| propsForBackgroundLines | props | Override styles of the background lines, refer to react-native-svg's Line documentation |
| propsForLabels | props | Override styles of the labels, refer to react-native-svg's Text documentation |
| propsForVerticalLabels | props | Override styles of vertical labels, refer to react-native-svg's Text documentation |
| propsForHorizontalLabels | props | Override styles of horizontal labels, refer to react-native-svg's Text documentation |

## Responsive charts

Expand Down
Loading