Charts & Graphs in React Native

Подписаться 666

Просмотров 14 тыс.

50% 1

Hello! Welcome to this video. In this video, you will learn how to add various types of graphs and charts into your project, including LineChart, BarChart, PieChart, ProgressChart, ContributionGraph, and StackedBarChart.
Here is the library used in the video: github.com/indiespirit/react-...
If you learned from this video, give this video a thumbs up and subscribe to this channel! To stay updated on all our future videos, click the notification bell!
App Development: • App Development
Don't forget to comment down below on what you want to see next (or if you have any questions)!

Опубликовано:

18 дек 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 19

@nathanzucker1907 Год назад

I was having trouble with getting this library to work, probably because I'm new to React Native, but your explanation was exactly what I needed! I got the graphs working in my app so thank you for the great video, and your contribution to my education!

@salmanjs2629 2 года назад

Your explanation is really great.

@aaojetimi Год назад

Nice and thanks for the explanations.

@eduardogonzales6062 Год назад

Good tutorial , congratz The whiz!

@riekumar6999 Год назад

Thank thank you so much! I was missing the dang react-native-svg library. Is there a way to set the width to fill an entire view?

@arulyanasokan1658 2 года назад

Hey Whiz, What if the data I have is pair of (x,y) coordinates? Example: (2,3) (5,11) (8, 20) ...so on. How can I plot these using the above library?

@the_whiz 2 года назад

try this: medium.com/swlh/linechart-for-react-native-with-expo-2c6e8088a4ab

@abdul-samadnasir3318 2 года назад

Please how do I get data from firestore to a pie chart

@karanlg 2 года назад

Can you implement with fusion chart library . I need your help for it. Please 🙏

@the_whiz 2 года назад

Go ahead and try this link out: github.com/fusioncharts/react-native-fusioncharts/issues/2 Let me know whether it works or not

@jhoeonah 2 года назад

How can I pass response from endpoints to the data label and datasets??

@the_whiz 2 года назад

what do you mean?

@jhoeonah 2 года назад

@@the_whiz like making request to an API, get the data and pass them to this package...

@the_whiz 2 года назад

@@jhoeonah making a request to the API can be done using fetch, then you can store results into a state that updates the chart or graph

@jhoeonah 2 года назад

@@the_whiz can you do a video on that??

@the_whiz 2 года назад

@@jhoeonah ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yu6rLCBBpQY.html

@ryanpascual9614 Год назад

what if two lines

@the_whiz Год назад

data={{ labels: ["January", "February", "March", "April", "May", "June"], datasets: [ { data: [ Math.random() * 100, Math.random() * 100, Math.random() * 100, Math.random() * 100, Math.random() * 100, Math.random() * 100 ] } ] }} in the datasets, create another dictionary and see if that does it