OxyPlotを使用したXamarin.Formsポータブルアプリケーションでチャートを作成する方法は？

Question

おはようございます。私はXamarin.Formsポータブルアプリケーションを作成しており、OxyPlotを使用してチャートを表示したいと考えています。

しかし、私がインターネット上で見つけたコードは正常に動作していないようです。ここではOxyPlotのチャート、特に円グラフを作成する方法について質問したいだけです。私のXAMLからXAML.cs、そしてmodelやviewmodelのような他のファイルから始まります。

あなたは何とか私に何か指示やコードを提供してもらえますか？

ChartをここでSalesPageにコーディングしたいと考えています。

SalesPage.xaml

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="XamarinFormsDemo.Views.SalesPage" 
     xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms" 
     BackgroundImage="bg3.jpg" 
     Title="Sales Page"> 

</ContentPage> 

SalesPage.xaml.cs

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using OxyPlot; 
using Xamarin.Forms; 
using OxyPlot.Xamarin.Forms; 

namespace XamarinFormsDemo.Views 
    { 
     public partial class SalesPage : ContentPage 
     {  
     public SalesPage() 
     { 
      InitializeComponent(); 
     } 
    } 
} 

MainActivity.cs

using System; 
using Android.App; 
using Android.Content.PM; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS; 
using ImageCircle.Forms.Plugin.Droid; 

namespace XamarinFormsDemo.Droid 
{ 
    [Activity(Label = "XamarinFormsDemo", Icon = "@drawable/recordsicon", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)] 
public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsApplicationActivity 
    { 
     protected override void OnCreate(Bundle bundle) 
     { 
     base.OnCreate(bundle); 
     global::Xamarin.Forms.Forms.Init(this, bundle); 
     OxyPlot.Xamarin.Forms.Platform.Android.PlotViewRenderer.Init(); 
     LoadApplication(new App()); 
     ImageCircleRenderer.Init(); 
     } 
    } 
} 

この実際にチャートを作成する私の最初の時間ですので、私を助けてください。ご協力いただきありがとうございます。

Answer 1

Oxy PlotとXamarin.Formsの開始ガイドがhereです。あなたの質問に答えるために、次の操作を実行できます。もっとPieSerieshere上のドキュメントや、それhereを使用してのいくつかのサンプルがあり

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="XamarinFormsDemo.Views.SalesPage" 
     xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms" 
     BackgroundImage="bg3.jpg" 
     Title="Sales Page"> 

    <oxy:PieSeries ... /> 

</ContentPage> 

。例：

private static PlotModel CreateExample() 
    { 
     var model = new PlotModel { Title = "World population by continent" }; 

     var ps = new PieSeries 
     { 
      StrokeThickness = 2.0, 
      InsideLabelPosition = 0.8, 
      AngleSpan = 360, 
      StartAngle = 0 
     }; 

     // http://www.nationsonline.org/oneworld/world_population.htm 
     // http://en.wikipedia.org/wiki/Continent 
     ps.Slices.Add(new PieSlice("Africa", 1030) { IsExploded = true }); 
     ps.Slices.Add(new PieSlice("Americas", 929) { IsExploded = true }); 
     ps.Slices.Add(new PieSlice("Asia", 4157)); 
     ps.Slices.Add(new PieSlice("Europe", 739) { IsExploded = true }); 
     ps.Slices.Add(new PieSlice("Oceania", 35) { IsExploded = true }); 

     model.Series.Add(ps); 
     return model; 
    }