Current filter:
                                You should refresh the page.
                                  • [UPDATED for the v1.1.4 version]

                                    In v1.1 release, our Native Mobile Charts includes the Xamarin.Forms platform support. This version is available to all active Universal subscribers.

                                    To download the licensed version, navigate to the Download Manager section of our web site and check the "Native Controls" section.

                                    Note that this release also includes 2 additional features: Indicators and Pie (Doughnut) Center Label.

                                    Supported IDEs: Visual Studio for Mac and Visual Studio 2017 (Windows).

                                    The Binaries folder of the DevExpress.Xamarin package includes five assemblies required to integrate Chart components.
                                    IMPORTANT. Use the .NET Standard Library code sharing option when creating a Xamarin.Forms project.

                                    DevExpress.XamarinForms.Charts.dll  : this assembly should be referenced in the .NET Standard Class library project.
                                    DevExpress.XamarinForms.Charts.Android.dll, Devexpress.Xamarin.Android.Charts.dll  : these assemblies should be referenced in an Android project.
                                    DevExpress.XamarinForms.Charts.iOS.dll, DevExpress.Xamarin.iOS.Charts.dll  : these assemblies should be referenced in an iOS project.

                                    Quickstart (Visual Studio for Mac).
                                    On the Multiplatform > App  template page, select Blank Forms App, enter the application name and ensure that the "Use .NET Standard" Shared Code option is used.

                                    2. On the next page, specify an appropriate location for your project and click the Create button.

                                    3. Invoke the "Edit References.." dialog (see the "Dependencies" section of the Class Library project) and add the DevExpress.XamarinForms.Charts.dll assembly reference.

                                    4. In the Android project, invoke the "Edit References.." dialog and add the DevExpress.XamarinForms.Charts.Android.dll and Devexpress.Xamarin.Android.Charts.dll assembly references.

                                    5. In the iOS project, invoke the "Edit References.." dialog and add the DevExpress.XamarinForms.Charts.iOS.dll and DevExpress.Xamarin.iOS.Charts.dll assembly references.

                                    6. Add the xmlns:chart assembly reference in the MainPage.xaml markup:

                                    <ContentPage xmlns="" xmlns:x="" xmlns:local="clr-namespace:App1" xmlns:chart="clr-namespace:DevExpress.XamarinForms.Charts;assembly=DevExpress.XamarinForms.Charts" x:Class="App1.MainPage">

                                    7. Declare the Chart element in XAML (MainPage.xaml) as follows:

                                    <chart:ChartView> <chart:ChartView.Series> <chart:BarSeries Data="{local:SeriesData}" DisplayName="Bar Series"/> </chart:ChartView.Series> </chart:ChartView>
                                    8. Declare the SeriesData class to provide data for Bar Series.
                                    using DevExpress.XamarinForms.Charts; .. public class SeriesData : IXYSeriesData { public object GetKey(int index) => null; public int GetDataCount() => 5; public SeriesDataType GetDataType() => SeriesDataType.Numeric; public double GetValue(DevExpress.XF.Charts.ValueType valueType, int index) => index; public double GetNumericArgument(int index) => index; public string GetQualitativeArgument(int index) { throw new NotImplementedException(); } public DateTime GetDateTimeArgument(int index) { throw new NotImplementedException(); } }
                                    9. Now you can select an appropriate startup project (Android or iOS) and run your application on a real device or an emulator.
                                       IMPORTANT. An iOS project requires additional configuration. Add the following line in the AppDelegate.FinishedLaunching method (see the AppDelegate.cs source file).
                                    public override bool FinishedLaunching(UIApplication app, NSDictionary options) { global::Xamarin.Forms.Forms.Init(); LoadApplication(new App()); DevExpress.XamarinForms.Charts.Chart.Init(); // <-- ADD THIS LINE return base.FinishedLaunching(app, options); }

                                    In addition to the Xamarin.Forms platform support, a couple of new features are introduced (note that they are not specific to the Xamarin.Forms platform and are available in native libraries as well).

                                    1. Indicators support. This feature allows generating Series data at runtime and display common financial indicators.

                                    Below is the list of indicator types supported out-of-the-box:


                                    You will find an indicator definition example in the Financial Chart example on GitHub.

                                    2. Pie (Doughnut) Chart Center Label displays arbitrary text or a total value in the center of the Pie chart.

                                    We published a separate example to illustrate how to configure the Center Label element: Pie Chart Center Label.

                                • Viatcheslav Vassiliev 01.21.2019

                                  Namespace DevExpress.XF.Charts should be DevExpress.XamarinForms.Charts in items 6 and 8, at least for version 18.2.4.

                                • Alex (DevExpress Support) 01.21.2019

                                  Hi Viatcheslav,

                                  I have updated the article accordingly. Thank you for noticing this.
                                  P.S. We have also included the "Getting Started" section in our online documentation.

                                0 Solutions

                                Creation Date Importance Sort by