Comments (11)
@bhavesh-trentium
For me your code produces the below output, the grid lines are rendered properly-
from react-native-gifted-charts.
Hi @skfaisal93 👋
I am unable to reproduce this bug. Can you please check once again in the latest version of the library?
The current latest version is 1.4.19
.
from react-native-gifted-charts.
@Abhinandan-Kushwaha Same Issue with me.
- "gifted-charts-core": "^0.1.30",
- "react-native-gifted-charts": "^1.4.29",
- "react": "18.2.0",
- "react-dom": "18.2.0",
- "expo": "^49.0.21",
code:
const data={[
{
value: 15,
label: 'Jan',
frontColor: '#d51717',
barBorderColor: '#808080',
barWidth: 20,
barBorderRadius: 4,
barBorderWidth: 1,
spacing: 20,
},
{
value: 40,
label: 'Feb',
frontColor: '#79d517',
barBorderColor: '#ff0000',
barWidth: 20,
barBorderRadius: 4,
barBorderWidth: 1,
spacing: 20,
},
{
value: 10,
label: 'Mar',
frontColor: '#d55617',
barBorderColor: '#5800e6',
barWidth: 20,
barBorderRadius: 4,
barBorderWidth: 1,
spacing: 20,
},
]}
<BarChart
data={data}
width={Dimensions.get('window').width - 120}
height={300}
dashGap={0}
showVerticalLines={true}/>
from react-native-gifted-charts.
@Abhinandan-Kushwaha Can you check above i have package version and you have version is same?
from react-native-gifted-charts.
Yes @bhavesh-trentium I tested on the same versions which you have. Did you run it on Android or iOS or web?
from react-native-gifted-charts.
@Abhinandan-Kushwaha I run on the Web.
from react-native-gifted-charts.
For web, use the react-gifted-charts library.
from react-native-gifted-charts.
@Abhinandan-Kushwaha I used this: react-gifted-charts
library. But Fetching Some Issues Check this one: https://github.com/Abhinandan-Kushwaha/react-gifted-charts/issues/4
from react-native-gifted-charts.
Hi @bhavesh-trentium
react-gifted-charts does not work in React-Native projects. It works in ReactJS projects only.
I will make the fix for issues you are facing on web using react-native-gifted-charts
.
from react-native-gifted-charts.
@Abhinandan-Kushwaha Okay, thanks. You fix that and let me know.
from react-native-gifted-charts.
Hi @bhavesh-trentium react-gifted-charts does not work in React-Native projects. It works in ReactJS projects only.
I will make the fix for issues you are facing on web using
react-native-gifted-charts
.
@Abhinandan-Kushwaha Have you fixed this?
from react-native-gifted-charts.
Related Issues (20)
- X-axis label is not showing correctly And The vertical grid lines is Incomplete HOT 1
- YAxis values in Multple lines in LineChart not showing correct. HOT 1
- Misaligned external label in PieChart HOT 2
- In the LineChart, the pointer line is only displayed in the positive area (above 0). HOT 1
- PieChart's "sectionAutoFocus" and "focusOnPress" don't work in Web HOT 6
- overlapping labels HOT 2
- Question about styling last value of chart in Y axis HOT 3
- Can we give intervals and range on yAxis values? HOT 3
- Can we get total length of yAxis values? HOT 1
- app crashes with interpolateMissingValues=false and areaChart=true HOT 3
- Pie chart external label alignment left on left side of pie. HOT 10
- Line Charts: line segments doesn't work with CurveType = {CurveType.QUADRATIC} HOT 1
- Can we acheive yAxis addtional label? HOT 1
- Pie Chart label text overflowing HOT 1
- Issue - OnPress is not working in pie chart HOT 1
- BarChart: topLabel component not displayed above bars when isAnimated is enabled HOT 5
- How to create group bar chart (Left Y-Axis) and 2 line chart (Right Y-axis) with negative values HOT 18
- Image Capture for charts HOT 6
- Stop interpolating after the last not null datapoint HOT 7
- Inconsistent graph scaling with similar datas HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-gifted-charts.