Visualize Your Data with Charts in .NET MAUI

[@jfversluis]

Show data in a DataGrid? Check this: kzbin.info/www/bejne/e4O0fn6tZ5utqNU

[@DanielHarrisCodes]

Hi Gerald, was wondering whether you have any information on Apple Pencil support (PencilKit) within MAUI. Is it available as far as you know?

[@NataliaEriksson]

Great channel, Gerald! Keep it going!

[@jfversluis]

Thank you Natalia, definitely will!

[@MrNams]

Tons of thanks for such a great video.

[@jfversluis]

Appreciate it thank you!

[@josedonizeteoliveirajunior1744]

Microcharts is very good! Thanks for teaching

[@jfversluis]

It's been so amazing for Xamarin for a long time, I love that it's now available for .NET MAUI

[@fieryscorpion]

@@jfversluis Love that icon showing up in KZbin comments. 😀

[@anandshindey]

Muchas Gracias, was waiting for it.

[@jfversluis]

Perfect, good luck!

[@Ruslan-kk4pf]

Спасибо огромное, всё понятно объяснил😍

[@chuckvee6408]

Is there any way to plot data values vs. time? I don't see any way to do it using class ChartEntry and I don't see any other class in MicroCharts that would support defining the X and Y axis datatypes.

[@iriacm1812]

I think it doesn't work in a .Net8 project, does anyone have a solution other than moving my project to .Net6? Thank you very much for the video

[@NavaneethVariyath]

The implementation in .net maui (8) is going wrong for me , i keep getting "System.BadImageFormatException: 'Invalid field token 0x040000a1'" error. Does anyone have a solution to this. Thanks in advance

[@sss-ms1gg]

i am also having this error, any solution you found ?

[@mosheshahar1408]

Great tutorial, thanks. Is it possible to draw multiple graphs together, for example a line graph and two horizontal straight lines that represent low and high limits?

[@jfversluis]

Thank you! Not sure to be honest if that is possible with this library

[@jaisont007]

Great. Do we have option to show Gridlines for linechart? Thanks

[@netdeveloper740]

Good video, thanks 🎉

[@jfversluis]

Thank you!

[@TheRuko15]

Does Microcharts support scrolling/zooming? I mave millions on data points I want to display, will it handle that, or do I have to implement scrolling/zooming myself?

[@jfversluis]

I don't think so... You might want to check out LiveCharts2 which has some more features. I think I'll have to do a video about that one as well!

[@TheRuko15]

Thank you!

[@shaileshpandey6214]

Thanks a lot for microcharts. Also waiting for a video on livechart2

[@jfversluis]

Just got tipped on LiveCharts2, will see what I can do! Thanks!

[@DivanProdOfficial]

Great video! Do you know where I can find candlesticks for Maui?

[@jfversluis]

I know DevExpress and Telerik have them: Amazing Free DataGrid, Tab Control, Calendar and More for .NET MAUI! kzbin.info/www/bejne/i6O7dZyFeaaqgc0

[@kaiovinicius7176]

For me, the graphics only appear if I define the HeightRequest, if I remove it it simply disappears, however when I define its height on the mobile device everything is bugged due to the screen proportion, on the Windows machine everything works fine, could you help me? Is there any way for me to define the height and width of the graphs other than in the xaml, I'm running on .net maui 7.0

[@gabrielwembi808]

How to make background transparent ? I tried but it didn't work as expected

[@jfversluis]

You'll have to check the plugin repository

[@massimoconti5431]

What about OXYPlot I used with Xamarin.Forms, is it still compatible?

[@jfversluis]

Looks like there is a compatible version: github.com/iniceice88/OxyPlot.Maui.Skia

[@pickleballplus3178]

Thanks for the great content. But do you have an MVVM example?

[@jfversluis]

Thanks! Yeah, I mentioned in my video that I would tell you about MVVM and then totally forgot 😅 the only option I could see to make it work with MVVM is bind to the Chart property on the ChartView and replace that whenever the data changes. I hope that will get better at some point as it seems not ideal.

[@tanakamawere]

@jfversluis Please this. MVVM. I am getting lost

[@ReviewCantina]

Did anyone get the MVVM to work? I would like to see a simple example.

[@MuhammadNadeem-wj6xd]

Very nice 👌

[@jfversluis]

Thank you!

[@wiaanduvenhage9630]

Hi! Great tutorial I just keep getting the error that ChartEntry exists in both Microcharts.Maui and Microcharts? Is there anyway to fix it Im looking at potential fixes but it's still not working

[@jfversluis]

Either add the right using statement at the top or fully quality the type with the namespace

[@francisdy7294]

Hi Gerald, good day, Im a long time xamarin user, I can't proceed to .net maui until I know how to print using bluetooth, could you make a video for it, or a link, anything that could help me, thanks in advance

[@giuseppethedeveloper]

It doesn't work on iOS, the app crashs when I try to show the chart. Windows 11, .Net Maui 7.

[@giuseppethedeveloper]

Error: System.DllNotFoundException: @rpath/libSkiaSharp.framework/libSkiaSharp at SkiaSharp.SKPaint..ctor() at Microcharts.AxisBasedChart..ctor() at Microcharts.BarChart..ctor() **System.TypeInitializationException:** 'The type initializer for 'SkiaSharp.SKObject' threw an exception.'

[@maksimpaschenko3324]

he dont find the namespace of ChartView in the xaml :(

[@michaloplt3351]

No one is appreciating the ohhmmm Donut reference 😂 I am, 🍩, Homer rules 😉

[@jfversluis]

FINALLY! Thank you!

[@madraven37]

Gracias

[@jfversluis]

¡De nada!

[@robertperez9264]

It doesn't work on iOS can you help me?

[@jfversluis]

Any errors or anything?

[@juanalexisvidalgonzales302]

@@jfversluis hi man, good tutorial, I have null references on Color = SKColor.Parse("#2c3e50") on ios

[@tuncaykayikci3894]

👍👍👍

[@perlepes100]

Thank you for your tutorial but in .NET 8 and MAUI it doesn't work.

[@jfversluis]

Make sure to report it on the repository!

[@ericritter46]

mmm right! 6:00

[@jfversluis]

🍩

[@enricoroselino7557]

im first ?

[@jfversluis]

You sure are

[@enricoroselino7557]

@@jfversluis can i ask ? my xaml not "connected" to my viewmodel if not using , why is it happened ? i watched all videos only x:DataType is enough to "connect" viewModel

[@jfversluis]

No, the only thing x:DataType does is enable compiled bindings, it does not set the BindingContext so that’s why!