Xamarin Forms棒グラフ用OxyPlot

私はXamarin.Formsアプリケーションで作業しています。ここでは、スクリーンショットに添付されている棒グラフを実装します。 Xamarin.Formsにはそのようなコントロールはありません。そのためにOxyPlotのnugetパッケージを使用していますが、問題は、oxyplotのバーが水平であり、グリッド線のオプションがグラフプロット内にないことです。バーグラフのためのオープンソースライブラリがありますので、私はそれを使用することができます。 Xamarin Forms棒グラフ用OxyPlot

出典

2017-04-26 Mayank Shrivastava

あなたはSyncfusion Xamarinのコントロールを確認することができますが、それがオープンソースではないのですが、それは、Aがありますコミュニティライセンスhttps://www.syncfusion.com/products/xamarin 。 –

OxyPlotで行うことができます。ColumnSeriesです。

XAML：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:App2" 
      xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms" 
      x:Class="App2.MainPage"> 

    <ContentPage.BindingContext> 
     <local:MyViewModel></local:MyViewModel> 
    </ContentPage.BindingContext> 

    <oxy:PlotView Model="{Binding Model}"/> 

</ContentPage>

ビューモデル：このMCVE試してみてください

using OxyPlot; 
using OxyPlot.Series; 
using OxyPlot.Axes; 

public class MyViewModel 
{ 
    public PlotModel Model { get; set; } 

    public MyViewModel() 
    { 
     CategoryAxis xaxis = new CategoryAxis(); 
     xaxis.Position = AxisPosition.Bottom; 
     xaxis.MajorGridlineStyle = LineStyle.Solid; 
     xaxis.MinorGridlineStyle = LineStyle.Dot; 
     xaxis.Labels.Add("Mon, 4/24"); 
     xaxis.Labels.Add("Tue, 4/25"); 
     xaxis.Labels.Add("Wed, 4/26"); 
     xaxis.Labels.Add("Thu, 4/27"); 

     LinearAxis yaxis = new LinearAxis(); 
     yaxis.Position = AxisPosition.Left; 
     yaxis.MajorGridlineStyle = LineStyle.Dot; 
     xaxis.MinorGridlineStyle = LineStyle.Dot; 

     ColumnSeries s1 = new ColumnSeries(); 
     s1.IsStacked = true; 
     s1.Items.Add(new ColumnItem(20)); 
     s1.Items.Add(new ColumnItem(60)); 
     s1.Items.Add(new ColumnItem(40)); 
     s1.Items.Add(new ColumnItem(50)); 

     ColumnSeries s2 = new ColumnSeries(); 
     s2.IsStacked = true; 
     s2.Items.Add(new ColumnItem(50)); 
     s2.Items.Add(new ColumnItem(30)); 
     s2.Items.Add(new ColumnItem(10)); 
     s2.Items.Add(new ColumnItem(20)); 

     Model = new PlotModel(); 
     Model.Title = "Xamarin Oxyplot Sample"; 
     Model.Background = OxyColors.Gray; 

     Model.Axes.Add(xaxis); 
     Model.Axes.Add(yaxis); 
     Model.Series.Add(s1); 
     Model.Series.Add(s2); 
    } 
}