Updated Project sample with .Net 9 version.

README.md

@@ -3,7 +3,7 @@ This article explains how to add multiple Y-axes in the .NET MAUI charts.
 <br><br>
 Consider the use case of plotting the graph for two different scenarios with varying unit rates on the same field as shown in the following image. It has been achieved by using the XAxes and YAxes of the SfCartesianChart.
 <br>
-<img width="708" alt="SampleUseCase" src="https://user-images.githubusercontent.com/105496706/201910264-03b79ba5-b8e7-402a-af6a-b3314256901a.PNG">
+<img width="708" alt="SampleUseCase" src="https://github.com/user-attachments/assets/37089603-08e1-45c0-a9ec-850a63b5a98f">
 <br>
 **Step 1:** Populate the chart with multiple axes. Add multiple axes to the SfCartesianChart.YAxes property. Then, assign the axis Name property for each axis as follows:
 <br>

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart.sln → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart.sln

@@ -1,27 +1,25 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
-VisualStudioVersion = 17.0.31611.283
+VisualStudioVersion = 17.13.35931.197 d17.13
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MultipleAxesCartesianChart", "MultipleAxesCartesianChart\MultipleAxesCartesianChart.csproj", "{E20FE7D8-BC84-4C95-991B-23451107BF0E}"
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MultipleAxesCartesianChart", "MultipleAxesCartesianChart\MultipleAxesCartesianChart.csproj", "{797A1BD3-A239-4756-9177-D8E0BC69B083}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
 		Release|Any CPU = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Release|Any CPU.Build.0 = Release|Any CPU
-		{E20FE7D8-BC84-4C95-991B-23451107BF0E}.Release|Any CPU.Deploy.0 = Release|Any CPU
+		{797A1BD3-A239-4756-9177-D8E0BC69B083}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{797A1BD3-A239-4756-9177-D8E0BC69B083}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{797A1BD3-A239-4756-9177-D8E0BC69B083}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{797A1BD3-A239-4756-9177-D8E0BC69B083}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
-		SolutionGuid = {61F7FB11-1E47-470C-91E2-47F8143E1572}
+		SolutionGuid = {A813F203-BA6E-4433-8090-858506463FDC}
 	EndGlobalSection
 EndGlobal

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/App.xaml.cs

@@ -0,0 +1,15 @@
+namespace MultipleAxesCartesianChart
+{
+    public partial class App : Application
+    {
+        public App()
+        {
+            InitializeComponent();
+        }
+
+        protected override Window CreateWindow(IActivationState? activationState)
+        {
+            return new Window(new MainPage());
+        }
+    }
+}

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart/AppShell.xaml → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/AppShell.xaml

@@ -4,7 +4,8 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:local="clr-namespace:MultipleAxesCartesianChart"
-    Shell.FlyoutBehavior="Disabled">
+    Shell.FlyoutBehavior="Flyout"
+    Title="MultipleAxesCartesianChart">
 
     <ShellContent
         Title="Home"

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/AppShell.xaml.cs

@@ -0,0 +1,10 @@
+namespace MultipleAxesCartesianChart
+{
+    public partial class AppShell : Shell
+    {
+        public AppShell()
+        {
+            InitializeComponent();
+        }
+    }
+}

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart/MainPage.xaml → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/MainPage.xaml

@@ -5,7 +5,7 @@
              xmlns:viewmodel="clr-namespace:MultipleAxesCartesianChart"
              xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts">
 
-    <chart:SfCartesianChart EnableSideBySideSeriesPlacement="False">
+    <chart:SfCartesianChart EnableSideBySideSeriesPlacement="False" Margin="0,15,0,0">
 
         <chart:SfCartesianChart.BindingContext>
             <viewmodel:ViewModel/>
@@ -23,6 +23,9 @@
                 <chart:DateTimeAxis.LabelStyle>
                     <chart:ChartAxisLabelStyle  LabelFormat="MMM" TextColor="#6d7372" FontSize="12"/>
                 </chart:DateTimeAxis.LabelStyle>
+                <chart:DateTimeAxis.Title>
+                    <chart:ChartAxisTitle Text="Months"/>
+                </chart:DateTimeAxis.Title>
             </chart:DateTimeAxis>
         </chart:SfCartesianChart.XAxes>
 
@@ -31,13 +34,19 @@
                 <chart:NumericalAxis.LabelStyle>
                     <chart:ChartAxisLabelStyle TextColor="#0091E6" FontSize="12" FontAttributes="Bold" LabelFormat="$0.#"/>
                 </chart:NumericalAxis.LabelStyle>
+                <chart:NumericalAxis.Title>
+                    <chart:ChartAxisTitle Text="Amount" FontSize="12" FontAttributes="Bold" TextColor="#0091E6"/>
+                </chart:NumericalAxis.Title>
             </chart:NumericalAxis>
 
             <chart:NumericalAxis CrossesAt="{Static x:Double.MaxValue}" ShowMajorGridLines="False" RenderNextToCrossingValue="True"
                                  Name="secondaryY"  Interval="25" Minimum="0" Maximum="125" EdgeLabelsDrawingMode="Center" PlotOffsetEnd="10">
                 <chart:NumericalAxis.LabelStyle>
                     <chart:ChartAxisLabelStyle TextColor="#ff1493" FontSize="12" FontAttributes="Bold" LabelFormat="0.#'%'"/>
                 </chart:NumericalAxis.LabelStyle>
+                <chart:NumericalAxis.Title>
+                    <chart:ChartAxisTitle Text="Percentage" TextColor="#ff1493" FontSize="12" FontAttributes="Bold" />
+                </chart:NumericalAxis.Title>
             </chart:NumericalAxis>
 
         </chart:SfCartesianChart.YAxes>

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/MauiProgram.cs

@@ -0,0 +1,27 @@
+using Microsoft.Extensions.Logging;
+using Syncfusion.Maui.Core.Hosting;
+
+namespace MultipleAxesCartesianChart
+{
+    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");
+                });
+
+#if DEBUG
+    		builder.Logging.AddDebug();
+#endif
+
+            return builder.Build();
+        }
+    }
+}

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart/MultipleAxesCartesianChart.csproj → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/MultipleAxesCartesianChart.csproj

@@ -1,29 +1,40 @@
 <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>
+		<TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
+		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.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> -->
+		<!-- <TargetFrameworks>$(TargetFrameworks);net9.0-tizen</TargetFrameworks> -->
+
+		<!-- Note for MacCatalyst:
+		The default runtime is maccatalyst-x64, except in Release config, in which case the default is maccatalyst-x64;maccatalyst-arm64.
+		When specifying both architectures, use the plural <RuntimeIdentifiers> instead of the singular <RuntimeIdentifier>.
+		The Mac App Store will NOT accept apps with ONLY maccatalyst-arm64 indicated;
+		either BOTH runtimes must be indicated or ONLY macatalyst-x64. -->
+		<!-- For example: <RuntimeIdentifiers>maccatalyst-x64;maccatalyst-arm64</RuntimeIdentifiers> -->
+
 		<OutputType>Exe</OutputType>
 		<RootNamespace>MultipleAxesCartesianChart</RootNamespace>
 		<UseMaui>true</UseMaui>
 		<SingleProject>true</SingleProject>
 		<ImplicitUsings>enable</ImplicitUsings>
+		<Nullable>enable</Nullable>
 
 		<!-- Display name -->
 		<ApplicationTitle>MultipleAxesCartesianChart</ApplicationTitle>
 
 		<!-- App Identifier -->
 		<ApplicationId>com.companyname.multipleaxescartesianchart</ApplicationId>
-		<ApplicationIdGuid>81e99d47-c5e9-4c62-907d-cc784e9c1116</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>
+		<!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
+		<WindowsPackageType>None</WindowsPackageType>
+
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">15.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">15.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>
@@ -39,7 +50,7 @@
 
 		<!-- Images -->
 		<MauiImage Include="Resources\Images\*" />
-		<MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
+		<MauiImage Update="Resources\Images\dotnet_bot.png" Resize="True" BaseSize="300,185" />
 
 		<!-- Custom Fonts -->
 		<MauiFont Include="Resources\Fonts\*" />
@@ -49,7 +60,15 @@
 	</ItemGroup>
 
 	<ItemGroup>
-	  <PackageReference Include="Syncfusion.Maui.Charts" Version="*" />
+		<PackageReference Include="Microsoft.Maui.Controls" Version="$(MauiVersion)" />
+		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="9.0.0" />
+		<PackageReference Include="Syncfusion.Maui.Charts" Version="*" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="MainPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/MultipleAxesCartesianChart.csproj.user

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <IsFirstTimeProjectOpen>False</IsFirstTimeProjectOpen>
+    <ActiveDebugFramework>net9.0-windows10.0.19041.0</ActiveDebugFramework>
+    <ActiveDebugProfile>Windows Machine</ActiveDebugProfile>
+  </PropertyGroup>
+  <ItemGroup>
+    <None Update="App.xaml">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="AppShell.xaml">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="MainPage.xaml">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="Platforms\Windows\App.xaml">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="Platforms\Windows\Package.appxmanifest">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="Resources\Styles\Colors.xaml">
+      <SubType>Designer</SubType>
+    </None>
+    <None Update="Resources\Styles\Styles.xaml">
+      <SubType>Designer</SubType>
+    </None>
+  </ItemGroup>
+</Project>

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/Android/MainActivity.cs

@@ -0,0 +1,11 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace MultipleAxesCartesianChart
+{
+    [Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, LaunchMode = LaunchMode.SingleTop, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+    public class MainActivity : MauiAppCompatActivity
+    {
+    }
+}

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/Android/MainApplication.cs

@@ -0,0 +1,16 @@
+using Android.App;
+using Android.Runtime;
+
+namespace MultipleAxesCartesianChart
+{
+    [Application]
+    public class MainApplication : MauiApplication
+    {
+        public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+            : base(handle, ownership)
+        {
+        }
+
+        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+    }
+}

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/MacCatalyst/AppDelegate.cs

@@ -0,0 +1,10 @@
+using Foundation;
+
+namespace MultipleAxesCartesianChart
+{
+    [Register("AppDelegate")]
+    public class AppDelegate : MauiUIApplicationDelegate
+    {
+        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+    }
+}

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/MacCatalyst/Entitlements.plist

@@ -0,0 +1,14 @@
+<?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">
+    <!-- See https://aka.ms/maui-publish-app-store#add-entitlements for more information about adding entitlements.-->
+    <dict>
+        <!-- App Sandbox must be enabled to distribute a MacCatalyst app through the Mac App Store. -->
+        <key>com.apple.security.app-sandbox</key>
+        <true/>
+        <!-- When App Sandbox is enabled, this value is required to open outgoing network connections. -->
+        <key>com.apple.security.network.client</key>
+        <true/>
+    </dict>
+</plist>
+

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart/Platforms/MacCatalyst/Info.plist → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/MacCatalyst/Info.plist

@@ -2,9 +2,17 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+    <!-- The Mac App Store requires you specify if the app uses encryption. -->
+    <!-- Please consult https://developer.apple.com/documentation/bundleresources/information_property_list/itsappusesnonexemptencryption -->
+    <!-- <key>ITSAppUsesNonExemptEncryption</key> -->
+    <!-- Please indicate <true/> or <false/> here. -->
+
+    <!-- Specify the category for your app here. -->
+    <!-- Please consult https://developer.apple.com/documentation/bundleresources/information_property_list/lsapplicationcategorytype -->
+    <!-- <key>LSApplicationCategoryType</key> -->
+    <!-- <string>public.app-category.YOUR-CATEGORY-HERE</string> -->
 	<key>UIDeviceFamily</key>
 	<array>
-		<integer>1</integer>
 		<integer>2</integer>
 	</array>
 	<key>UIRequiredDeviceCapabilities</key>

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/MacCatalyst/Program.cs

@@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace MultipleAxesCartesianChart
+{
+    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));
+        }
+    }
+}

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/Tizen/Main.cs

@@ -0,0 +1,17 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+
+namespace MultipleAxesCartesianChart
+{
+    internal class Program : MauiApplication
+    {
+        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+        static void Main(string[] args)
+        {
+            var app = new Program();
+            app.Run(args);
+        }
+    }
+}

Syncfusion_Multiple_Axes_MAUI_Cartesian_Chart/Multiple_Axes_Cartesian_Chart/MultipleAxesCartesianChart/Platforms/Tizen/tizen-manifest.xml → Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/Tizen/tizen-manifest.xml

@@ -1,5 +1,5 @@
 <?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">
+<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="9" xmlns="http://tizen.org/ns/packages">
   <profile name="common" />
   <ui-application appid="maui-application-id-placeholder" exec="MultipleAxesCartesianChart.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
     <label>maui-application-title-placeholder</label>

Syncfusion_Multiple_Axes/MultipleAxesCartesianChart/Platforms/Windows/App.xaml.cs

@@ -0,0 +1,25 @@
+using Microsoft.UI.Xaml;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace MultipleAxesCartesianChart.WinUI
+{
+    /// <summary>
+    /// Provides application-specific behavior to supplement the default Application class.
+    /// </summary>
+    public partial class App : MauiWinUIApplication
+    {
+        /// <summary>
+        /// Initializes the singleton application object.  This is the first line of authored code
+        /// executed, and as such is the logical equivalent of main() or WinMain().
+        /// </summary>
+        public App()
+        {
+            this.InitializeComponent();
+        }
+
+        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+    }
+
+}