如何在 Xamarin.Forms 中创建图表？答案

【问题标题】：How to create Charts in Xamarin.Forms?如何在 Xamarin.Forms 中创建图表？
【发布时间】：2016-05-11 04:15:37
【问题描述】：

我尝试在 Xamarin.Forms 中创建图表，但无法显示。我也想知道我要把这段代码放在哪里。它是在 .xaml 中还是在 .xaml.cs 中？我只是使用 Xamarin 的初学者，所以也许有人可以帮助我。

这是我要使用的代码。

using BarChart;
...

protected override void OnCreate (Bundle bundle)
{
  base.OnCreate (bundle);

  var data = new [] { 1f, 2f, 4f, 8f, 16f, 32f };
  var chart = new BarChartView (this) {
    ItemsSource = Array.ConvertAll (data, v => new BarModel { Value = v })
  };

  AddContentView (chart, new ViewGroup.LayoutParams (
    ViewGroup.LayoutParams.FillParent, ViewGroup.LayoutParams.FillParent));
}

【问题讨论】：

您要使用哪个图表库？
其实先生，我不知道。这是我第一次尝试创建图表。我只是在互联网上复制了代码，希望它能够运行。我需要做什么？
@Kowalski 最有可能是这个：Bar Chart。这不适用于 Xamarin 表单。
@Nfear 我可以用什么图表代替？
@JayceeEvangelista 看看免费的 OxyPlot。付费的替代方案是 Syncfusion。

标签： xamarin xamarin.android xamarin.forms xamarin-studio

【解决方案1】：

Xamarin.Forms 并没有真正附带任何图表控件。为 Xamarin.Forms 提供 great Charting Controls 的 Syncfusion 附带免费提供它们的 community license。

Here is a full example by Xamarin using SyncFusion Chart Controls

【讨论】：

【解决方案2】：

我认为此代码现在在您的 mainactivty 中，但是在使用 Xamarin Forms 时，不会在此处创建 UI 部分。它是在共享代码中创建的。

如果您真的想使用 Xamarin 表单，我建议您执行以下步骤：

首先按照此开始并了解如何使用 Xamarin 表单：https://developer.xamarin.com/guides/xamarin-forms/getting-started/introduction-to-xamarin-forms/

然后是 Oxyplot（这是 Xamarin Forms 的图表库）：https://github.com/conceptdev/xamarin-forms-samples/tree/master/OxyPlotDemo

【讨论】：

@Sanne 我应该把关于 Oxyplot 的示例代码放在哪里？我应该把它放在 .xaml 还是 .xaml.cs 中？
如果您使用 xaml，您应该将 UI 代码放在 XAML en 中，并将 C# 代码放在 CS 文件中。如果您想在代码中做所有事情而不在 XAML 中做任何事情，那么您应该创建从 contentpage 继承的类
问题是，我希望我的代码在 .XAML 中，但是 Internet 上一些关于如何创建 UI 元素（例如：搜索栏、选择器等）的代码是用 C# 代码编写的。有没有办法可以用 .XAML 格式编码这些东西？
请阅读我粘贴的入门网址，以便更好地了解 XAML 以及如何在其中制作 UI

【解决方案3】：

SciChart 提供的 Xamarin 图表可用于 Xamarin Forms。

查看Xamarin Chart examples here：

虽然SciChart 是原生的Xamarin.iOS 和Xamarin.Android 图表控件，但它可以在Xamarin Forms as per this FAQ 中使用。

披露：我是 Xamarin Charts 项目的技术主管

【讨论】：