SyncfusionExamples · MuneeshKumarG · Nov 2, 2022 · Nov 2, 2022 · Nov 2, 2022
diff --git a/ChartAxisDemo/App.xaml b/ChartAxisDemo/App.xaml
@@ -0,0 +1,14 @@
+<?xml version = "1.0" encoding = "UTF-8" ?>
+<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:ChartAxisDemo"
+             x:Class="ChartAxisDemo.App">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
+                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
diff --git a/ChartAxisDemo/App.xaml.cs b/ChartAxisDemo/App.xaml.cs
@@ -0,0 +1,11 @@
+namespace ChartAxisDemo;
+
+public partial class App : Application
+{
+	public App()
+	{
+		InitializeComponent();
+
+		MainPage = new AppShell();
+	}
+}
diff --git a/ChartAxisDemo/AppShell.xaml b/ChartAxisDemo/AppShell.xaml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Shell
+    x:Class="ChartAxisDemo.AppShell"
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:local="clr-namespace:ChartAxisDemo"
+    Shell.FlyoutBehavior="Disabled">
+
+    <ShellContent
+        Title="Home"
+        ContentTemplate="{DataTemplate local:MainPage}"
+        Route="MainPage" />
+
+</Shell>
diff --git a/ChartAxisDemo/AppShell.xaml.cs b/ChartAxisDemo/AppShell.xaml.cs
@@ -0,0 +1,9 @@
+namespace ChartAxisDemo;
+
+public partial class AppShell : Shell
+{
+	public AppShell()
+	{
+		InitializeComponent();
+	}
+}
diff --git a/ChartAxisDemo/ChartAxisDemo.csproj b/ChartAxisDemo/ChartAxisDemo.csproj
@@ -0,0 +1,55 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+	<PropertyGroup>
+		<TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>
+		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>
+		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
+		<!-- <TargetFrameworks>$(TargetFrameworks);net6.0-tizen</TargetFrameworks> -->
+		<OutputType>Exe</OutputType>
+		<RootNamespace>ChartAxisDemo</RootNamespace>
+		<UseMaui>true</UseMaui>
+		<SingleProject>true</SingleProject>
+		<ImplicitUsings>enable</ImplicitUsings>
+
+		<!-- Display name -->
+		<ApplicationTitle>ChartAxisDemo</ApplicationTitle>
+
+		<!-- App Identifier -->
+		<ApplicationId>com.companyname.chartaxisdemo</ApplicationId>
+		<ApplicationIdGuid>C02D7503-2557-4DEC-B364-AFF1D7D5B06D</ApplicationIdGuid>
+
+		<!-- Versions -->
+		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
+		<ApplicationVersion>1</ApplicationVersion>
+
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">14.2</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">14.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
+		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<!-- App Icon -->
+		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+
+		<!-- Splash Screen -->
+		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+
+		<!-- Images -->
+		<MauiImage Include="Resources\Images\*" />
+		<MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
+
+		<!-- Custom Fonts -->
+		<MauiFont Include="Resources\Fonts\*" />
+
+		<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
+		<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <PackageReference Include="Syncfusion.Maui.Charts" Version="20.3.52" />
+	</ItemGroup>
+
+</Project>
diff --git a/ChartAxisDemo/ChartAxisDemo.csproj.user b/ChartAxisDemo/ChartAxisDemo.csproj.user
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ActiveDebugFramework>net6.0-windows10.0.19041.0</ActiveDebugFramework>
+    <IsFirstTimeProjectOpen>False</IsFirstTimeProjectOpen>
+    <ActiveDebugProfile>Windows Machine</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>
diff --git a/ChartAxisDemo/ChartAxisDemo.sln b/ChartAxisDemo/ChartAxisDemo.sln
@@ -0,0 +1,27 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31611.283
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "ChartAxisDemo", "ChartAxisDemo.csproj", "{52894750-6BC3-4938-B901-3AC7D8BAB8F2}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Release|Any CPU.Build.0 = Release|Any CPU
+		{52894750-6BC3-4938-B901-3AC7D8BAB8F2}.Release|Any CPU.Deploy.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {61F7FB11-1E47-470C-91E2-47F8143E1572}
+	EndGlobalSection
+EndGlobal
diff --git a/ChartAxisDemo/MainPage.xaml b/ChartAxisDemo/MainPage.xaml
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts"
+             xmlns:viewModel="clr-namespace:ChartAxisDemo"
+             x:Class="ChartAxisDemo.MainPage">
+
+    <Grid>
+        <chart:SfCartesianChart Title="Axis elements customization">
+            <chart:SfCartesianChart.BindingContext>
+                <viewModel:ViewModel />
+            </chart:SfCartesianChart.BindingContext>
+
+            <chart:SfCartesianChart.Resources>
+                <chart:ChartAxisLabelStyle x:Key="axisLableStyle" TextColor="Red"/>
+                <chart:ChartLineStyle x:Key="axisLineStyle" Stroke="Yellow" />
+                <chart:ChartLineStyle x:Key="majorLineStyle" Stroke="Brown"/>
+                <chart:ChartAxisTickStyle x:Key="majorTickStyle" Stroke="Brown"/>
+                <chart:ChartLineStyle x:Key="minorLineStyle" Stroke="Gray"/>
+                <chart:ChartAxisTickStyle x:Key="minorTickStyle" Stroke="Gray"/>
+            </chart:SfCartesianChart.Resources>
+
+            <chart:SfCartesianChart.XAxes>
+                <chart:CategoryAxis AxisLineStyle="{StaticResource axisLineStyle}"
+                                    LabelStyle="{StaticResource axisLableStyle}"
+                                    MajorGridLineStyle="{StaticResource majorLineStyle}"
+                                    MajorTickStyle="{StaticResource majorTickStyle}" />
+            </chart:SfCartesianChart.XAxes>
+
+            <chart:SfCartesianChart.YAxes>
+                <chart:NumericalAxis MinorTicksPerInterval="2"
+                                     Minimum="0"
+                                     AxisLineStyle="{StaticResource axisLineStyle}"
+                                     LabelStyle="{StaticResource axisLableStyle}"
+                                     MajorGridLineStyle="{StaticResource majorLineStyle}"
+                                     MajorTickStyle="{StaticResource majorTickStyle}" 
+                                     MinorGridLineStyle="{StaticResource minorLineStyle}"
+                                     MinorTickStyle="{StaticResource minorTickStyle}" />
+            </chart:SfCartesianChart.YAxes>
+
+            <chart:SplineSeries XBindingPath="XValue"
+                                YBindingPath="YValue"
+                                ItemsSource="{Binding Data}"/>
+
+        </chart:SfCartesianChart>
+    </Grid>
+
+</ContentPage>
diff --git a/ChartAxisDemo/MainPage.xaml.cs b/ChartAxisDemo/MainPage.xaml.cs
@@ -0,0 +1,12 @@
+namespace ChartAxisDemo;
+
+public partial class MainPage : ContentPage
+{
+
+	public MainPage()
+	{
+		InitializeComponent();
+	}
+
+}
+
diff --git a/ChartAxisDemo/MauiProgram.cs b/ChartAxisDemo/MauiProgram.cs
@@ -0,0 +1,20 @@
+using Syncfusion.Maui.Core.Hosting;
+namespace ChartAxisDemo;
+
+public static class MauiProgram
+{
+	public static MauiApp CreateMauiApp()
+	{
+		var builder = MauiApp.CreateBuilder();
+		builder
+			.UseMauiApp<App>()
+			.ConfigureSyncfusionCore()
+			.ConfigureFonts(fonts =>
+			{
+				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+			});
+
+		return builder.Build();
+	}
+}
diff --git a/ChartAxisDemo/Model/Model.cs b/ChartAxisDemo/Model/Model.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace ChartAxisDemo
+{
+	public class Model
+	{
+		public Model(string xValue, double yValue)
+		{
+			XValue = xValue;
+			YValue = yValue;
+		}
+
+		public string XValue { get; set; }
+
+		public double YValue { get; set; }
+	}
+}
diff --git a/ChartAxisDemo/Platforms/Android/AndroidManifest.xml b/ChartAxisDemo/Platforms/Android/AndroidManifest.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+	<uses-permission android:name="android.permission.INTERNET" />
+</manifest>
diff --git a/ChartAxisDemo/Platforms/Android/MainActivity.cs b/ChartAxisDemo/Platforms/Android/MainActivity.cs
@@ -0,0 +1,10 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace ChartAxisDemo;
+
+[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+public class MainActivity : MauiAppCompatActivity
+{
+}
diff --git a/ChartAxisDemo/Platforms/Android/MainApplication.cs b/ChartAxisDemo/Platforms/Android/MainApplication.cs
@@ -0,0 +1,15 @@
+using Android.App;
+using Android.Runtime;
+
+namespace ChartAxisDemo;
+
+[Application]
+public class MainApplication : MauiApplication
+{
+	public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+		: base(handle, ownership)
+	{
+	}
+
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
diff --git a/ChartAxisDemo/Platforms/Android/Resources/values/colors.xml b/ChartAxisDemo/Platforms/Android/Resources/values/colors.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#512BD4</color>
+    <color name="colorPrimaryDark">#2B0B98</color>
+    <color name="colorAccent">#2B0B98</color>
+</resources>
diff --git a/ChartAxisDemo/Platforms/MacCatalyst/AppDelegate.cs b/ChartAxisDemo/Platforms/MacCatalyst/AppDelegate.cs
@@ -0,0 +1,9 @@
+using Foundation;
+
+namespace ChartAxisDemo;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
diff --git a/ChartAxisDemo/Platforms/MacCatalyst/Info.plist b/ChartAxisDemo/Platforms/MacCatalyst/Info.plist
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>UIDeviceFamily</key>
+	<array>
+		<integer>1</integer>
+		<integer>2</integer>
+	</array>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>XSAppIconAssets</key>
+	<string>Assets.xcassets/appicon.appiconset</string>
+</dict>
+</plist>
diff --git a/ChartAxisDemo/Platforms/MacCatalyst/Program.cs b/ChartAxisDemo/Platforms/MacCatalyst/Program.cs
@@ -0,0 +1,15 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace ChartAxisDemo;
+
+public class Program
+{
+	// This is the main entry point of the application.
+	static void Main(string[] args)
+	{
+		// if you want to use a different Application Delegate class from "AppDelegate"
+		// you can specify it here.
+		UIApplication.Main(args, null, typeof(AppDelegate));
+	}
+}
diff --git a/ChartAxisDemo/Platforms/Tizen/Main.cs b/ChartAxisDemo/Platforms/Tizen/Main.cs
@@ -0,0 +1,16 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+
+namespace ChartAxisDemo;
+
+class Program : MauiApplication
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+	static void Main(string[] args)
+	{
+		var app = new Program();
+		app.Run(args);
+	}
+}
diff --git a/ChartAxisDemo/Platforms/Tizen/tizen-manifest.xml b/ChartAxisDemo/Platforms/Tizen/tizen-manifest.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="7" xmlns="http://tizen.org/ns/packages">
+  <profile name="common" />
+  <ui-application appid="maui-application-id-placeholder" exec="ChartAxisDemo.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
+    <label>maui-application-title-placeholder</label>
+    <icon>maui-appicon-placeholder</icon>
+    <metadata key="http://tizen.org/metadata/prefer_dotnet_aot" value="true" />
+  </ui-application>
+  <shortcut-list />
+  <privileges>
+    <privilege>http://tizen.org/privilege/internet</privilege>
+  </privileges> 
+  <dependencies />
+  <provides-appdefined-privileges />
+</manifest>
diff --git a/ChartAxisDemo/Platforms/Windows/App.xaml b/ChartAxisDemo/Platforms/Windows/App.xaml
@@ -0,0 +1,8 @@
+<maui:MauiWinUIApplication
+    x:Class="ChartAxisDemo.WinUI.App"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:maui="using:Microsoft.Maui"
+    xmlns:local="using:ChartAxisDemo.WinUI">
+
+</maui:MauiWinUIApplication>