|
2 | 2 |
|
3 | 3 | # react-native-graph-kit
|
4 | 4 |
|
5 |
| -[](https://www.npmjs.com/package/react-native-graph-kit) [](https://www.npmtrends.com/react-native-graph-kit) [](https://packagephobia.com/result?p=react-native-graph-kit) [](https://www.android.com) [](https://developer.apple.com/ios) [](https://opensource.org/licenses/MIT) |
| 5 | +[](https://github.com/Shopify/react-native-skia) |
| 6 | +[](https://www.npmjs.com/package/react-native-graph-kit) [](https://www.npmjs.com/package/react-native-graph-kit) [](https://www.android.com) [](https://developer.apple.com/ios) [](https://opensource.org/licenses/MIT) |
6 | 7 |
|
7 | 8 | ---
|
8 | 9 |
|
9 | 10 | **React Native Graph Kit** is a powerful library that is built using @shopify/react-native-skia to provide LineChart and BarChart components with interactive tooltips for your React Native applications. With this library, you can effortlessly visualize your data in a clean and intuitive manner, making it easier than ever for users to understand complex datasets.
|
10 | 11 |
|
| 12 | +ℹ️ **Compatibility Notice:** This library is designed to work seamlessly with `@shopify/react-native-skia` version `<=0.1.228`. Make sure to use this version for optimal compatibility. |
| 13 | + |
11 | 14 | - It also provides an example app and a detailed usage overview of both the components.
|
12 | 15 | - Both the available components are fully Android and iOS compatible.
|
13 | 16 |
|
@@ -174,7 +177,7 @@ export default App;
|
174 | 177 | | Prop | Default | Type | Description | BarChart | LineChart |
|
175 | 178 | | :---------------------- | :---------- | :------------ | :--------------------------------------------------- | -------- | --------- |
|
176 | 179 | | **chartData\*** | null | ChartDataType | Data to plot graphs | ✔️ | ✔️ |
|
177 |
| -| chartHeight | 500 | number | Hight of chart in BarChart | ✔️ | ⤫ | |
| 180 | +| chartHeight | 500 | number | Height of chart in BarChart | ✔️ | ⤫ | |
178 | 181 | | showLines | true | boolean | Control visibility of Y Axis Ref lines on the chart | ✔️ | ✔️ |
|
179 | 182 | | lineHeight | 2 | number | Height of horizontal grid lines in BarChart | ✔️ | ⤫ |
|
180 | 183 | | lineWidth | 3 | number | The line width value of LineChart | ⤫ | ✔️ |
|
@@ -210,7 +213,7 @@ export default App;
|
210 | 213 | | toolTipColor | #FF0000 | string | Tooltip color | ✔️ | ✔️ |
|
211 | 214 | | toolTipDataColor | #FFFFFF | string | Tooltip data color | ✔️ | ✔️ |
|
212 | 215 | | toolTipHorizontalPadding | 20 | number | Tooltip padding | ✔️ | ✔️ |
|
213 |
| -| toolTipFadeOutDuration | 4000 | number | Duration is ms to fade out tooltip | ✔️ | ✔️ | |
| 216 | +| toolTipFadeOutDuration | 4000 | number | Duration in ms to fade out tooltip | ✔️ | ✔️ | |
214 | 217 | | circularPointerColor | #000000 | string | Color of circular pointer for LineChart | ⤫ | ✔️ |
|
215 | 218 |
|
216 | 219 | ---
|
|
0 commit comments