SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components
Please note! These examples are new to SciChart Mobile v3 release! SciChart iOS & Android ship with Xamarin.iOS and Xamarin.Android bindings around our native iOS & Android Chart controls, allowing you to create fast & feature rich charts to your Xamarin applications. We include ~90 native iOS examples and 90 Android examples, but now also ~60 Xamarin Chart Examples to help you get started with SciChart. You can download the source for our Xamarin Chart Examples from Github, or browse the source code below.
This example demonstrates how to create a Pie Chart in code with Xamarin in SciChart.
The C#/Xamarin.iOS/Xamarin.Android source code for the Xamarin Pie Chart Demo is included below (Scroll down!).
Did you know you can also view the source code from one of the following sources as well?
using System.Threading.Tasks;
using SciChart.iOS.Charting;
using UIKit;
namespace Xamarin.Examples.Demo.iOS
{
[ExampleDefinition("Pie Chart", description: "Creates a simple pie chart", icon: ExampleIcon.LineChart)]
public class PieChartViewController : SingleChartViewController<SCIPieChartSurface>
{
protected override void InitExample()
{
var rSeries = new SCIPieRenderableSeries
{
SegmentsCollection = new SCIPieSegmentCollection
{
new SCIPieSegment { Value = 40, Title = "Green", FillStyle = new SCIRadialGradientBrushStyle(0xff84BC3D, 0xff5B8829) },
new SCIPieSegment { Value = 10, Title = "Red", FillStyle = new SCIRadialGradientBrushStyle(0xffe04a2f, 0xffB7161B) },
new SCIPieSegment { Value = 20, Title = "Blue", FillStyle = new SCIRadialGradientBrushStyle(0xff4AB6C1, 0xff2182AD) },
new SCIPieSegment { Value = 15, Title = "Yellow", FillStyle = new SCIRadialGradientBrushStyle(0xffFFFF00, 0xfffed325) },
},
};
Surface.RenderableSeries.Add(rSeries);
Surface.ChartModifiers.Add(new SCIPieChartLegendModifier
{
SourceSeries = rSeries,
Position = SCIAlignment.Bottom | SCIAlignment.CenterHorizontal,
Margins = new UIEdgeInsets(17, 17, 17, 17),
});
Surface.ChartModifiers.Add(new SCIPieSegmentSelectionModifier());
rSeries.Scale = 0;
rSeries.Animate(0.7);
}
}
}
using SciChart.Charting.Model;
using SciChart.Charting.Modifiers;
using SciChart.Charting.Visuals;
using SciChart.Charting.Visuals.Legend;
using SciChart.Charting.Visuals.RenderableSeries;
using SciChart.Drawing.Common;
using Xamarin.Examples.Demo;
using System.Drawing;
using Xamarin.Examples.Demo.Droid.Extensions;
using Xamarin.Examples.Demo.Droid.Fragments.Base;
namespace Xamarin.Examples.Demo.Droid.Fragments.Examples
{
[ExampleDefinition("Pie Chart", description: "Demonstrates a simple Pie Chart", icon: ExampleIcon.PieChart)]
public class PieChartFragment : ExampleBaseFragment
{
public override int ExampleLayoutId { get { return Resource.Layout.Example_Single_Pie_Chart_With_Legend_Fragment; } }
private SciPieChartSurface Surface => View.FindViewById<SciPieChartSurface>(Resource.Id.pieChart);
private SciChartLegend Legend => View.FindViewById<SciChartLegend>(Resource.Id.pieChartLegend);
protected override void InitExample()
{
var pieSeries = new PieRenderableSeries
{
SegmentsCollection = new PieSegmentCollection
{
new PieSegment { Value = 40, Title = "Green", FillStyle = CreateRadialBrush(0xff84BC3D.ToColor(), 0xff5B8829.ToColor()) },
new PieSegment { Value = 10, Title = "Red", FillStyle = CreateRadialBrush(0xffe04a2f.ToColor(), 0xffB7161B.ToColor()) },
new PieSegment { Value = 20, Title = "Blue", FillStyle = CreateRadialBrush(0xff4AB6C1.ToColor(), 0xff2182AD.ToColor()) },
new PieSegment { Value = 15, Title = "Yellow", FillStyle = CreateRadialBrush(0xffFFFF00.ToColor(), 0xfffed325.ToColor()) },
}
};
Surface.RenderableSeries.Add(pieSeries);
Surface.ChartModifiers = new PieChartModifierCollection
{
new PieChartLegendModifier(Legend).WithSourceSeries(pieSeries),
new PieSegmentSelectionModifier()
};
pieSeries.Animate(800);
}
private BrushStyle CreateRadialBrush(Color centerColor, Color edgeColor)
{
var fillStyle = new RadialGradientBrushStyle(0.5f, 0.5f, 0.5f, 0.5f, new[] { centerColor, edgeColor }, new[] { 0f, 1f });
return fillStyle;
}
}
}