Draw Your Own Xamarin Pie Chart dynamically

Thu, 18 Apr 2019 00:00:00 +0000

In this tutorial, I’ll show you how to draw your own pie chart just using lines and a list of data items. The code itself is in C#, but the concept can be used on any platform that has a drawing library and ArcSegments.

You can view the entire solution in this GitHub Gist . Okay, let’s get started!

Setting Up

The first thing you’ll need to understand is how the platform’s drawing library makes arcs. In this code, I’ll be using RadPath from Telerik UI for Xamarin most libraries work the same way. RadPath lets you use a custom Geometry which has RadArcSegment object, which has helpful StartAngle and SweepAngle properties.

Page Transitions for Universal XAML Pages

Sat, 07 Feb 2015 00:00:00 +0000

Normally, if you want different page transitions (NavigationThemeTransition ) for your Universal XAML Windows Phone 8.1 app, you’d set it on the page’s XAML directly. For example, let’s do a ContinuumTransition:

<Page.Transitions> 
 <TransitionCollection> 
 <NavigationThemeTransition> 
 <NavigationThemeTransition.DefaultNavigationTransitionInfo> 
 <ContinuumNavigationTransitionInfo /> 
 </NavigationThemeTransition.DefaultNavigationTransitionInfo> 
 </NavigationThemeTransition> 
 </TransitionCollection> 
</Page.Transitions>

However, if you have a XAML page in your Universal app’s shared folder, you can’t use XAML because page transitions are not available for Windows 8.1 apps. Since there isn’t a conditional compilation for XAML, we’ll need to do it from the code behind.

UI on DVLUP

Draw Your Own Xamarin Pie Chart dynamically

Setting Up

Page Transitions for Universal XAML Pages