From 8ba86bd0b5bb81cea8158990344cd8e4c06a3ad0 Mon Sep 17 00:00:00 2001
From: Sowndharya1911 <Sowndharya.Selladurai@syncfusion.com>
Date: Fri, 20 Dec 2024 10:07:09 +0530
Subject: [PATCH 1/4] Added Sample

---
 README.md                                     | 100 +++++++++++++++++-
 WinUISampleDemo/WinUISampleDemo.sln           |  40 +++++++
 WinUISampleDemo/WinUISampleDemo/App.xaml      |  16 +++
 WinUISampleDemo/WinUISampleDemo/App.xaml.cs   |  50 +++++++++
 .../Assets/LockScreenLogo.scale-200.png       | Bin 0 -> 432 bytes
 .../Assets/SplashScreen.scale-200.png         | Bin 0 -> 5372 bytes
 .../Assets/Square150x150Logo.scale-200.png    | Bin 0 -> 1755 bytes
 .../Assets/Square44x44Logo.scale-200.png      | Bin 0 -> 637 bytes
 ...x44Logo.targetsize-24_altform-unplated.png | Bin 0 -> 283 bytes
 .../WinUISampleDemo/Assets/StoreLogo.png      | Bin 0 -> 456 bytes
 .../Assets/Wide310x150Logo.scale-200.png      | Bin 0 -> 2097 bytes
 .../WinUISampleDemo/MainWindow.xaml           |  40 +++++++
 .../WinUISampleDemo/MainWindow.xaml.cs        |  87 +++++++++++++++
 .../WinUISampleDemo/Package.appxmanifest      |  51 +++++++++
 .../PublishProfiles/win-arm64.pubxml          |  14 +++
 .../Properties/PublishProfiles/win-x64.pubxml |  14 +++
 .../Properties/PublishProfiles/win-x86.pubxml |  14 +++
 .../Properties/launchSettings.json            |  10 ++
 WinUISampleDemo/WinUISampleDemo/ViewModel.cs  |  36 +++++++
 .../WinUISampleDemo/WinUISampleDemo.csproj    |  60 +++++++++++
 WinUISampleDemo/WinUISampleDemo/app.manifest  |  19 ++++
 21 files changed, 549 insertions(+), 2 deletions(-)
 create mode 100644 WinUISampleDemo/WinUISampleDemo.sln
 create mode 100644 WinUISampleDemo/WinUISampleDemo/App.xaml
 create mode 100644 WinUISampleDemo/WinUISampleDemo/App.xaml.cs
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/LockScreenLogo.scale-200.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/SplashScreen.scale-200.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/Square150x150Logo.scale-200.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.scale-200.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/StoreLogo.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Assets/Wide310x150Logo.scale-200.png
 create mode 100644 WinUISampleDemo/WinUISampleDemo/MainWindow.xaml
 create mode 100644 WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Package.appxmanifest
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-arm64.pubxml
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x64.pubxml
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x86.pubxml
 create mode 100644 WinUISampleDemo/WinUISampleDemo/Properties/launchSettings.json
 create mode 100644 WinUISampleDemo/WinUISampleDemo/ViewModel.cs
 create mode 100644 WinUISampleDemo/WinUISampleDemo/WinUISampleDemo.csproj
 create mode 100644 WinUISampleDemo/WinUISampleDemo/app.manifest

diff --git a/README.md b/README.md
index 0f9c4d5..38c22a0 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,98 @@
-# How-to-Export-Chart-as-Image-in-WinUI-Chart
-How to Export Chart as Image in WinUI Chart
+# How to Export Chart as Image in WinUI Chart
+This article provides a detailed walkthrough on how to export a [WinUI Cartesian Chart](https://www.syncfusion.com/winui-controls/cartesian-charts) as an image. You can export the chart view in your desired file format, with supported formats being **JPEG** and **PNG.**
+
+### Initialize SfCartesianChart:
+
+Set up the **SfCartesianChart** following the [ Syncfusion WinUI Cartesian Chart documentation.](https://help.syncfusion.com/winui/cartesian-charts/getting-started)
+ ```xml
+<StackPanel Orientation="Vertical">
+ <chart:SfCartesianChart x:Name="Chart" Background="White" IsTransposed="True" 
+                         Header="Daily Water Consumption Tracking">
+     ....
+     <chart:ColumnSeries ItemsSource="{Binding DailyWaterIntake}"
+                         XBindingPath="Day" 
+                         YBindingPath="Liters"
+                         ShowDataLabels="True">
+         <chart:ColumnSeries.DataLabelSettings>
+             <chart:CartesianDataLabelSettings Position="Inner"/>
+         </chart:ColumnSeries.DataLabelSettings>
+     </chart:ColumnSeries>
+ </chart:SfCartesianChart>
+
+     <Button x:Name="button" Content="Export as Image" Click="Button_Click" />
+ </StackPanel> 
+ ```
+
+### Export the Chart as an Image:
+ 
+ ```csharp
+private async void Button_Click(object sender, RoutedEventArgs e)
+  {
+      await SaveAsImageAsync(Chart, "chart.png");
+  }
+
+  private async Task SaveAsImageAsync(SfCartesianChart chart, string fileName)
+  {
+      if (chart == null)
+          return;
+
+      // Render the chart to a RenderTargetBitmap
+      var renderTargetBitmap = new RenderTargetBitmap();
+      await renderTargetBitmap.RenderAsync(chart);
+
+      // Get pixel data
+      var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();
+      var pixels = pixelBuffer.ToArray();
+
+      // Determine file format and encoder
+      string extension = Path.GetExtension(fileName)?.ToLower() ?? ".png";
+      var encoderId = extension == ".jpg" || extension == ".jpeg"
+          ? BitmapEncoder.JpegEncoderId
+          : BitmapEncoder.PngEncoderId;
+
+      // Choose image save path
+      var folder = await Windows.Storage.StorageFolder.GetFolderFromPathAsync(@"D:\");
+      var picturesFolder = await folder.CreateFileAsync( fileName, Windows.Storage.CreationCollisionOption.ReplaceExisting);
+
+      // Encode the image
+      using (var stream = await picturesFolder.OpenAsync(FileAccessMode.ReadWrite))
+      {
+          var encoder = await BitmapEncoder.CreateAsync(encoderId, stream);
+
+          encoder.SetPixelData(
+              BitmapPixelFormat.Bgra8,
+              BitmapAlphaMode.Premultiplied,
+             (uint)renderTargetBitmap.PixelWidth,
+             (uint)renderTargetBitmap.PixelHeight,
+              96.0, // DPI X
+              96.0, // DPI Y
+              pixels);
+
+          await encoder.FlushAsync();
+      }
+  } 
+ ```
+
+**Note:** By default, the chart background is transparent in both light and dark themes. You can customize this background by setting the **Background** property on the chart if needed. The exported image will have a transparent background unless you explicitly set it to a color.
+
+**Chart output**
+ 
+ ![Chart-WinUI.png](https://support.syncfusion.com/kb/agent/attachment/article/18644/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjM0MjM0Iiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.0wMM_ZaV1z0RXFn8efmG0bKwTOt6QMiZ7DQ5fa1QLyU)
+
+**Exported Chart Image**
+
+ ![chart.png](https://support.syncfusion.com/kb/agent/attachment/article/18644/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjM0MjMyIiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.VhSO304zS7VSvBDSySJWOBxdySgRK0LWuAdmx3Vl4No)
+
+### Github
+For a more detailed implementation and to view the sample demo, refer to the [Export Chart View as Image GitHub sample.](https://github.com/SyncfusionExamples/How-to-Export-Chart-as-Image-in-WinUI-Chart)
+
+### Conclusion
+
+I hope you enjoyed learning about how to Export Chart as Image in WinUI Chart.
+
+You can refer to our [WinUI charts feature tour page](https://www.syncfusion.com/winui-controls/cartesian-charts) to know about its other groundbreaking feature representations and [documentation](https://help.syncfusion.com/winui/charts/getting-started), and how to quickly get started for configuration specifications.
+
+For current customers, you can check out our components from the [License and Downloads page](https://www.syncfusion.com/sales/teamlicense). If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/account/manage-trials/downloads) to check out our other controls.
+
+If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums/), [Display-Trac](https://support.syncfusion.com/create), or [feedback portal](https://www.syncfusion.com/feedback/winui?control=sfcartesianchart). We are always happy to assist you!
+
diff --git a/WinUISampleDemo/WinUISampleDemo.sln b/WinUISampleDemo/WinUISampleDemo.sln
new file mode 100644
index 0000000..e4c30dc
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo.sln
@@ -0,0 +1,40 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.12.35506.116 d17.12
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WinUISampleDemo", "WinUISampleDemo\WinUISampleDemo.csproj", "{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|ARM64 = Debug|ARM64
+		Debug|x64 = Debug|x64
+		Debug|x86 = Debug|x86
+		Release|ARM64 = Release|ARM64
+		Release|x64 = Release|x64
+		Release|x86 = Release|x86
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|ARM64.ActiveCfg = Debug|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|ARM64.Build.0 = Debug|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|ARM64.Deploy.0 = Debug|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x64.ActiveCfg = Debug|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x64.Build.0 = Debug|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x64.Deploy.0 = Debug|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x86.ActiveCfg = Debug|x86
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x86.Build.0 = Debug|x86
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Debug|x86.Deploy.0 = Debug|x86
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|ARM64.ActiveCfg = Release|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|ARM64.Build.0 = Release|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|ARM64.Deploy.0 = Release|ARM64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x64.ActiveCfg = Release|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x64.Build.0 = Release|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x64.Deploy.0 = Release|x64
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x86.ActiveCfg = Release|x86
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x86.Build.0 = Release|x86
+		{0C10A7EF-1D8E-48E0-A15A-D865C3FA5F58}.Release|x86.Deploy.0 = Release|x86
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+EndGlobal
diff --git a/WinUISampleDemo/WinUISampleDemo/App.xaml b/WinUISampleDemo/WinUISampleDemo/App.xaml
new file mode 100644
index 0000000..1992c70
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/App.xaml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Application
+    x:Class="WinUISampleDemo.App"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:WinUISampleDemo">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
+                <!-- Other merged dictionaries here -->
+            </ResourceDictionary.MergedDictionaries>
+            <!-- Other app resources here -->
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
diff --git a/WinUISampleDemo/WinUISampleDemo/App.xaml.cs b/WinUISampleDemo/WinUISampleDemo/App.xaml.cs
new file mode 100644
index 0000000..b6d1f9f
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/App.xaml.cs
@@ -0,0 +1,50 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Navigation;
+using Microsoft.UI.Xaml.Shapes;
+using Windows.ApplicationModel;
+using Windows.ApplicationModel.Activation;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace WinUISampleDemo
+{
+    /// <summary>
+    /// Provides application-specific behavior to supplement the default Application class.
+    /// </summary>
+    public partial class App : Application
+    {
+        /// <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();
+        }
+
+        /// <summary>
+        /// Invoked when the application is launched.
+        /// </summary>
+        /// <param name="args">Details about the launch request and process.</param>
+        protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args)
+        {
+            m_window = new MainWindow();
+            m_window.Activate();
+        }
+
+        private Window? m_window;
+    }
+}
diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/LockScreenLogo.scale-200.png b/WinUISampleDemo/WinUISampleDemo/Assets/LockScreenLogo.scale-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..7440f0d4bf7c7e26e4e36328738c68e624ee851e
GIT binary patch
literal 432
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezr3(FqV6|IEGZ*x-#9g>~Mkr+x6^F
zy~CDX2QIMs&Gcs3RnRBoxBA!*(Mfw0KTCYuYk0Wl<A3kFdDp`#?}XI|oqqQ0*|D%p
zsa`i8jb+)Z4OKr{E6gsxDCoZ^_q1W^M*Wx^PHB+~V!M-K=X6~WvlcB>EIV>qBmPl!
zq4ukrvfADX@#p8fbLY(H47N+k`FZ(FZh?cDro7>{8mkBO3>^oaIx`3!Jl)Qq)HI!+
z(S=1{o~eT)&W^=Ea8C`-17(Jv5(nHFJ{dOjGdxLVkY_y6&S1whfuFI4MM0kF0f&cO
zPDVpV%nz;Id$>+0Ga5e9625-JcI)oq=#Pa3p^>8BB}21BUw@eN!-6@w%X+^`+Vn?!
zryu|3T>kVWNBYyBc=7Y6H#s1<v*REmr-J?Jj+807siAL#J{jLg-rpk>Ah!OI_nezW
zXTqOdkv2Az6KKBV=$yHdF^R3Fqw(TZEoNSZX>reXJ#bwX42%f|Pgg&ebxsLQ010xn
AssI20

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/SplashScreen.scale-200.png b/WinUISampleDemo/WinUISampleDemo/Assets/SplashScreen.scale-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..32f486a86792a5e34cd9a8261b394c49b48f86be
GIT binary patch
literal 5372
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
Jo|kP+{{fTh%QOH0

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/Square150x150Logo.scale-200.png b/WinUISampleDemo/WinUISampleDemo/Assets/Square150x150Logo.scale-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..53ee3777ea27e31b260014cf4074099874ff933a
GIT binary patch
literal 1755
zcmZvde@q)?7{{+i3tS0qt7{iJ0{^s_^@sZdMMEaBz#P|xjghsxG)6Bvp>vyv%aSq0
z)njao1dV0XNw&c@qmj1e*jgQ$l@_urW5G4RSY#rT1z`#%3;{EB`aJK|TH^lb_3nAT
z-_Q4X-(K&IS8UyqsnjYdippfmN-HT!X2MT;Dpcy~-#<W6spr^I%Z`I%bK{M*>$k6V
z|M<iW^=g++e@Rx7_LHHnqU2;@`i?tCD}@7f%KSi0pe1~`>R4vU#O&p7TC46pTflb3
zoUJ;ZRf#&8&EwXy5s%!&(q6cN62swD#FH%O-RJsjWPZN3^^@FCIQ&MxXIFo7!I#VI
zkpIstuWqUV5uhgs07?k$*!`uiZ=5b#$lI|0c+XJv<J{p}RUOaNKQ<im@QX7O-EXm%
zZcW#Y{k<Xj`b3r{sN?i*g_&_g1h3pjaUinim|Uz#k6!n{*P)(fetc%Zzt*YppIPkb
zZsrI7$ZjjP2{*TQ)Rl{qr%&KH`*A*c407bjGC(`YTWo?_?9@jM>j(}zSE3MN#EyOK
zql(#yA}~Ibl*r(s1}Z^5mmn*-n93g?-ccM+^PN?6HH~h0hjy6@XY*^i<-V)+OZ;p7
z7j`p_sT55xnYsedNIIel^QIIg7i@`2Qi}x5$!t<wREe9#D@+!fNFxx26>k29$2OQI
zs^kQXAKE}5ZJu$)2@Dxn?}}O@f@6@^!%9Tj+o>=jd!^ZuvBE4jb4g}Z5WMBtcmy^~
zoFGVS5|0FA!(1Q%fL?Bj*L+9ZL<k)9Dx8*ddZZzsW5_{0!wC)<wtN(l?357%26r2H
z)e$Rfj*{dnkRG6kTutOTQgC@J7A}iDXxc^vHXjS@l%c&nv^>{mjSO8lzqrQ0UCZ)X
zPwk$1HNFgaK%NxGpuXz}#ywXvf2JQ?BQ5uOZM2up4S#ieaxS$<UJ>!o9o6<b*PRMe
zw2N}mUfxcbWj4{^_PX_)#THTdzfHx$q43G!7i`-0rv|IVjoNMZ?s})oX>Z=czNQb}
zwAh|xLZ>+WyN%o?^uCAQw&&4o?S$DJ`WP(Hr*grL*qNXlqU0osCQ(Up<yn-Y+UUBH
z0`~|C21=1cK(XdDQ&fpwMc`nfH~_za8nMvP_<v3_Cm2%+xmlLs@U08}yC|SVtuf?a
zLlnGjh0&5BVK|8+M~tFDgR?Lk+<}n5F-|E}GV5KkJ@<Jy+C)_l2)JQFTPN%#u<<5B
zxPSy;gG2(fZvqUoAprgg&;|koNCXG~f;64RuX7>5F(^$Z5;n&oJIO4uF`k&QL*j{f
zU=;#MZ5{@b%qMbjTB3dh-5#mqY><S4qcBmkQW*|18RL|}ppv?cijSrWPC^)2g5{Tu
zT0W#@oVoK%XJ|$oIjS&T`!v+Nezc|NwrKchuXB25ZNFe2+%-J5#HIKRux*I`4`57B
zQ0dHlb#ISPztmwXuXHRwcyab3<L}+G@K@Q;cQ31~kA4Gu{(I}M7xUNx6YKkaZ}wGk
s29I{~!hlCRd13tTX`du`*!lx~{^^p-x%)@fz)Oo_H*YQdqL>%{0jgS+WdHyG

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.scale-200.png b/WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.scale-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..f713bba67f551ef91020b75716a4dc8ebd744b1c
GIT binary patch
literal 637
zcmeAS@N?(olHy`uVBq!ia0vp^5g^RL1|$oo8kjIJFu8cTIEGZ*dUI*J;2{SImxtDO
zm%3!R$UazoY}x{$j0P5ABYXWr(l=jxJ6ps1W{tV=^>{Dl><3nv3A}sm=EZ)#l3`NR
zpZda3^rNox*D1%NC98Z~L*6zipLw~Gxn&(Y-;KmJ+aR6eLabU-L#y8HW%7P<VMos8
zqX*Kbh`RaZ-Vu7P$7Xg$t7p!w9mNuLWx4O|3Z&Q;DexQ@4z03gU_T+dV)?TB4XaLx
zKHv%Qc0OMANu|zE*>-E_-<YK1`Q@gsru}A0v3eK#yt;t5sDM}IiBJqP`%aeY2ORYd
znig=vgoGzD?qE|>VlLqIabbHPHKT*)fT@9iWJ7iWgOT9%0}Lrj>lztPxWq6sPw3pi
z#-<=#$jjrP_DD*i!RLsn0mIA=><W)5lpnuqp4YHjx%_x(aT1U|479<C?V*%JOU*Sg
z#_I<Zo_I#HfQ-%GC$U@ez*0u_CX-g5eG;<;W<|4PbM4IJzI;b1;`rIJXmOF0#Dc%g
zZLbuBxUL^m=x+0N7USD){mHGN{Xv<#-5>4~N)IMYWIf=j%-zuKCdMG%tHYot70D1|
zvWa0wMhauW#S>1CnI_;>!1Q3zMA17@DOVq{MQ+{U7^a&yA+%dMCG;WNPV0i;w$tu;
zX^b}UKziPM)(<;)ruW;-`)bBN+rQNM*Zs_>?n$|FVFo-e*PZb*@U7VAd+tHb4e<vm
d2N?b27$xG?o#1Ly5CkSG22WQ%mvv4FO#oV^_;~;T

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.targetsize-24_altform-unplated.png b/WinUISampleDemo/WinUISampleDemo/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc9f5bea0c3b191b5e9e13e92fcb488a8a766bd0
GIT binary patch
literal 283
zcmV+$0p$LPP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0002uNkl<Zc-pm;
z$63TM6bA9G*Xc}XfD+UJ=|T=ys-PH76hMXs+<+P&S3!<LhDZG6)%(7=&RDjelDe*Y
zVonR9P71Gc1N(5+&{@F%lu&&PoInMO-~;6j)?f@)>?=Blc~}S6K)wL}r*Gf`BM#QB
z+y>N$mCswb4d{^{<t89R6uAiq5i9?54}{1(JkAEp8F^U1M0O#83GgwliUjUs+(iyH
zU;-wUJ!uK@Iq>S9v_!eQj4fTRMOwOCi?lSk9%<=vAz}jM-*PQtH@Odn1LZcd^j#o>
hW$4xn+CT+ep9lJ{OAO?njobhL002ovPDHLkV1nYebbkN<

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/StoreLogo.png b/WinUISampleDemo/WinUISampleDemo/Assets/StoreLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4586f26bdf7841cad10f39cdffe2aca3af252c1
GIT binary patch
literal 456
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2o;fF!p=8IEGZ*dUM0H=rDtTTVkd2
z(%lbKn@VS_lUaADVB&;Z6F#LM+mPsa?e>FnHo;HND^!P`-lX%BH~FOg%y&x+t*x!?
zg$#_1A1kgsSvO(fw`bOmo;lrJX<ItGX8p^+)vNqf=Q|piE^xcD$ZJ36qIG6c9Wn9W
zgiF^fyRvIlz4DPIUZ0)bU14fm$xyiFTenPIFjFvNlH=XI+>8byO1j^gf7qohR%mmt
z@L)WX;>gqgK|tWJvQ5j;4;=gt4HXVKSMYRv5RhY5vS~TqfK_NAP*r{h!!g^BZ;w4r
z7CGdsai)y<gGsuj!2jo4dH!kJEjuUGJ5jrV^^fTM+?I6=Vq5$l{O<YKaqNHux6=a&
zZkGiT+-?aH-R=fh@nb<l3GD`pLjs}+YZ#IQokJQ7861;$eO|ZgF2kZz#SEEoCmzcz
z2tM$>;fJQc`7{Zc2b==h%o`Op$|bg6a&nL{*m7-=0>k4M4-PXlU;G-?%*(*g>iFt^
U$m#7DfHB12>FVdQ&MBb@0G`#n8vp<R

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/Assets/Wide310x150Logo.scale-200.png b/WinUISampleDemo/WinUISampleDemo/Assets/Wide310x150Logo.scale-200.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b4a5d0dd5f6c6ab408e1edf04a07888859a9eab
GIT binary patch
literal 2097
zcmc&$ZA@EL7(Q+3r2+3&!t4k)FxZ4;Vj0QoMdu<_3Kciz7YR4=A(qT^w)Jxi;?x!9
zuyq6dMF?b>c0sq%A~kJcD9FY~qQRMt?ZR3YyDZt}Od;|mgpc{2dv9AHF){kXU%k({
z=Y8JidEayHTkG@twPZ|U3_^%3ct-OgLSiFAqDN!|tbCX@c@?4P`2x*TMK!+Q4b?k0
ziW7!!KF6dPWcF<%I|iznM~`QJ_V7sHGV_D`dhgpA9Vd@&X}ErK+j~_rdv;Bp?OA@a
zFXOk7eWOJe5NcK;6h$FaM<R8n2&If8B!^r8(M2K*Wi$uP6%uY2h7c5jIOy*=@GeaG
zk2zK+7IduRP}>&7JxNc#-@QTwzW6x#d_z<n*&H+f#4hRlvzx*`m}NokI(>mQNkz5)
zPI;kh;3d;5UCJU+9a(cOxX(|edWoOiAEdGU#kPJ&xnc2||3vDbuhBCkj-pb0as$Zl
z5;}4n=**n6(1g`JEtSy;SG6X;#-F~Oz3lESG2b5`j<s|Qk9||T+vZq0?LoR=o9C9a
zyR%`V_x2UfL94qBs88m)Qdw|qBL@>@wAwY4Yp<=4Xeb>iH=6aicF?DxD&q{`!&}ct
zBI)aycwuobQAf&678Uf+Mmh-@9RUhyH~>?w0dixO0#jZjEc9R^=5NZw=|a(kcB?9^
zfnTiEFXp-q#B;Tn>(O%$A*ud^Rg&eVH6Y_5Y%!E39RR&s?XpG`gKwU!6<ah5%>FE1
z7X)DC7)*(5g}lh`4`{i~DZcWupZI`K)_4P)VE{@gc7@Xsd^86zl~_mOYH?I4!aGeX
z^E(_=L6?PgveDQ+r%P@UISEXrkn`LHJZ##+!-anV>6h)Ik<DtItE{23QQzKv`Y4^v
z8=ZLL+Z^FB*^&Mzi<UM}f$ETGCC%@es^mN<bJoD1diHUjr;FVL=e5QYT)8(ruH3ox
zkOXdF(#8wbdn$2F#5!fF57(5PI)h1c%A7SYSn6N-MGrA%=E%9A)svHNrOgZCgbcRn
z-X~*U=P_DW+2T?W$~2<(Btuu9C2$3fow=WhZKQFd-2p!Mzrc7CIFL1}yqGz_a8Pcr
zIbuP-Go6>Kp;E@p8+3&(5%kS2)ld*J*rJccZM0iyaAx7+F~GW1UWFK&3X$PE1^}NH
zgAG9ck5<?(B)~qL97!mF)l<VKz}JwKV}X!OlArx6Y&~U))tQoP!Ph^k(v*}fFBO?%
zsjN)rZCn|(9m<XQu5IUjRaiLZ0*m5-LhHhp&tSo_amEO6e5w~R{(;|-xFiDQslh}n
z+|1<SfCv~8MVRaL_>K!{07OwU@j@Do>TbH=CDEo#4m0cEyAuXy_<&jlzJVcKweSJ5
z&=q~iIn18$w8yb=rmEmHxVEUA^?RwnB?6Qlp1os8@*dWTGL2bhzZ!s*xqScR?EPL`
zo(JwNdKUUYy7GtvZ3asXm)cgFvCx9EmAi;|w=a0iGiv%%VYKh`P0Wma4y`Xyx|T~(
zAmfGbgbEEC7)j8b@WA@+5W3a61HJXC1dX@6_T|Czk0I0zBk%tnW~()VWITGI!`$c<
gARL?UBrYYkwoDw4eo*CrzXGTrZ@;GF>596)00d&n@&Et;

literal 0
HcmV?d00001

diff --git a/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml
new file mode 100644
index 0000000..405b96a
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Window
+    x:Class="WinUISampleDemo.MainWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:chart="using:Syncfusion.UI.Xaml.Charts"
+    xmlns:local="using:WinUISampleDemo"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    Title="WinUISampleDemo">
+
+    <StackPanel Orientation="Vertical" Margin="20">
+    <chart:SfCartesianChart Background="White" x:Name="Chart" Height="500" IsTransposed="True" Header="Daily Water Consumption Tracking">
+        
+        <chart:SfCartesianChart.DataContext>
+            <local:ViewModel/>
+        </chart:SfCartesianChart.DataContext>
+
+        <chart:SfCartesianChart.XAxes>
+            <chart:CategoryAxis Header="Days" PlotOffsetEnd="20"/>
+        </chart:SfCartesianChart.XAxes>
+        
+        <chart:SfCartesianChart.YAxes>
+            <chart:NumericalAxis Header="In Liters" Maximum="4.4"/>
+        </chart:SfCartesianChart.YAxes>
+
+        <chart:ColumnSeries ItemsSource="{Binding DailyWaterIntake}"
+                            XBindingPath="Day" 
+                            YBindingPath="Liters"
+                            ShowDataLabels="True">
+            <chart:ColumnSeries.DataLabelSettings>
+                <chart:CartesianDataLabelSettings Position="Inner"/>
+            </chart:ColumnSeries.DataLabelSettings>
+        </chart:ColumnSeries>
+    </chart:SfCartesianChart>
+        <Button x:Name="button" Content="Export as Image" Click="Button_Click" HorizontalAlignment="Center"
+                VerticalAlignment="Center" Background="#0099cc" Margin="0,20,0,0"/>
+    </StackPanel>
+</Window>
diff --git a/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
new file mode 100644
index 0000000..a9e5a70
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
@@ -0,0 +1,87 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using System.Threading.Tasks;
+
+using Microsoft.UI;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Media.Imaging;
+using Microsoft.UI.Xaml.Navigation;
+
+using Syncfusion.UI.Xaml.Charts;
+
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.Graphics.Imaging;
+using Windows.Storage;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace WinUISampleDemo
+{
+    /// <summary>
+    /// An empty window that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class MainWindow : Window
+    {
+        public MainWindow()
+        {
+            this.InitializeComponent();
+        }
+
+        private async void Button_Click(object sender, RoutedEventArgs e)
+        {
+            await SaveAsImageAsync(Chart, "chart.jpeg");
+        }
+
+        private async Task SaveAsImageAsync(SfCartesianChart chart, string fileName)
+        {
+            if (chart == null)
+                return;
+
+            // Render the chart to a RenderTargetBitmap
+            var renderTargetBitmap = new RenderTargetBitmap();
+            await renderTargetBitmap.RenderAsync(chart);
+
+            // Get pixel data
+            var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();
+            var pixels = pixelBuffer.ToArray();
+
+            // Determine file format and encoder
+            string extension = Path.GetExtension(fileName)?.ToLower() ?? ".png";
+            var encoderId = extension == ".jpg" || extension == ".jpeg"
+                ? BitmapEncoder.JpegEncoderId
+                : BitmapEncoder.PngEncoderId;
+
+            // Choose image save path
+            var folder = await Windows.Storage.StorageFolder.GetFolderFromPathAsync(@"D:\");
+            var picturesFolder = await folder.CreateFileAsync( fileName, Windows.Storage.CreationCollisionOption.ReplaceExisting);
+
+
+            // Encode the image
+            using (var stream = await picturesFolder.OpenAsync(FileAccessMode.ReadWrite))
+            {
+                var encoder = await BitmapEncoder.CreateAsync(encoderId, stream);
+
+                encoder.SetPixelData(
+                    BitmapPixelFormat.Bgra8,
+                    BitmapAlphaMode.Premultiplied,
+                   (uint)renderTargetBitmap.PixelWidth,
+                   (uint)renderTargetBitmap.PixelHeight,
+                    96.0, // DPI X
+                    96.0, // DPI Y
+                    pixels);
+
+                await encoder.FlushAsync();
+            }
+        }
+    }
+}
diff --git a/WinUISampleDemo/WinUISampleDemo/Package.appxmanifest b/WinUISampleDemo/WinUISampleDemo/Package.appxmanifest
new file mode 100644
index 0000000..0bd4049
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/Package.appxmanifest
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<Package
+  xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"
+  xmlns:mp="http://schemas.microsoft.com/appx/2014/phone/manifest"
+  xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"
+  xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
+  IgnorableNamespaces="uap rescap">
+
+  <Identity
+    Name="c6b45550-53b2-4e2f-8810-b136147c96c7"
+    Publisher="CN=SowndharyaSelladurai"
+    Version="1.0.0.0" />
+
+  <mp:PhoneIdentity PhoneProductId="c6b45550-53b2-4e2f-8810-b136147c96c7" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
+
+  <Properties>
+    <DisplayName>WinUISampleDemo</DisplayName>
+    <PublisherDisplayName>SowndharyaSelladurai</PublisherDisplayName>
+    <Logo>Assets\StoreLogo.png</Logo>
+  </Properties>
+
+  <Dependencies>
+    <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+    <TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+  </Dependencies>
+
+  <Resources>
+    <Resource Language="x-generate"/>
+  </Resources>
+
+  <Applications>
+    <Application Id="App"
+      Executable="$targetnametoken$.exe"
+      EntryPoint="$targetentrypoint$">
+      <uap:VisualElements
+        DisplayName="WinUISampleDemo"
+        Description="WinUISampleDemo"
+        BackgroundColor="transparent"
+        Square150x150Logo="Assets\Square150x150Logo.png"
+        Square44x44Logo="Assets\Square44x44Logo.png">
+        <uap:DefaultTile Wide310x150Logo="Assets\Wide310x150Logo.png" />
+        <uap:SplashScreen Image="Assets\SplashScreen.png" />
+      </uap:VisualElements>
+    </Application>
+  </Applications>
+
+  <Capabilities>
+    <rescap:Capability Name="runFullTrust" />
+  </Capabilities>
+</Package>
diff --git a/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-arm64.pubxml b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-arm64.pubxml
new file mode 100644
index 0000000..8953cce
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-arm64.pubxml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+https://go.microsoft.com/fwlink/?LinkID=208121.
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <PublishProtocol>FileSystem</PublishProtocol>
+    <Platform>ARM64</Platform>
+    <RuntimeIdentifier>win-arm64</RuntimeIdentifier>
+    <PublishDir>bin\$(Configuration)\$(TargetFramework)\$(RuntimeIdentifier)\publish\</PublishDir>
+    <SelfContained>true</SelfContained>
+    <PublishSingleFile>False</PublishSingleFile>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x64.pubxml b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x64.pubxml
new file mode 100644
index 0000000..cd99561
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x64.pubxml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+https://go.microsoft.com/fwlink/?LinkID=208121.
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <PublishProtocol>FileSystem</PublishProtocol>
+    <Platform>x64</Platform>
+    <RuntimeIdentifier>win-x64</RuntimeIdentifier>
+    <PublishDir>bin\$(Configuration)\$(TargetFramework)\$(RuntimeIdentifier)\publish\</PublishDir>
+    <SelfContained>true</SelfContained>
+    <PublishSingleFile>False</PublishSingleFile>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x86.pubxml b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x86.pubxml
new file mode 100644
index 0000000..a70c694
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/Properties/PublishProfiles/win-x86.pubxml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+https://go.microsoft.com/fwlink/?LinkID=208121.
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <PublishProtocol>FileSystem</PublishProtocol>
+    <Platform>x86</Platform>
+    <RuntimeIdentifier>win-x86</RuntimeIdentifier>
+    <PublishDir>bin\$(Configuration)\$(TargetFramework)\$(RuntimeIdentifier)\publish\</PublishDir>
+    <SelfContained>true</SelfContained>
+    <PublishSingleFile>False</PublishSingleFile>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/WinUISampleDemo/WinUISampleDemo/Properties/launchSettings.json b/WinUISampleDemo/WinUISampleDemo/Properties/launchSettings.json
new file mode 100644
index 0000000..057db2b
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/Properties/launchSettings.json
@@ -0,0 +1,10 @@
+{
+  "profiles": {
+    "WinUISampleDemo (Package)": {
+      "commandName": "MsixPackage"
+    },
+    "WinUISampleDemo (Unpackaged)": {
+      "commandName": "Project"
+    }
+  }
+}
\ No newline at end of file
diff --git a/WinUISampleDemo/WinUISampleDemo/ViewModel.cs b/WinUISampleDemo/WinUISampleDemo/ViewModel.cs
new file mode 100644
index 0000000..8ef0df4
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/ViewModel.cs
@@ -0,0 +1,36 @@
+
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+
+namespace WinUISampleDemo
+{
+    public class ViewModel
+    {
+        public ObservableCollection<WaterConsumption> DailyWaterIntake { get; set; }
+        public ViewModel()
+        {
+            DailyWaterIntake = new ObservableCollection<WaterConsumption>
+            {
+                new WaterConsumption("Monday", 2.5),
+                new WaterConsumption("Tuesday", 3.0),
+                new WaterConsumption("Wednesday", 2.8),
+                new WaterConsumption("Thursday", 3.2),
+                new WaterConsumption("Friday", 2.7),
+                new WaterConsumption("Saturday", 3.5),
+                new WaterConsumption("Sunday", 3.0)
+           };
+        }
+    }
+
+    public class WaterConsumption
+    {
+        public string Day { get; set; }
+        public double Liters { get; set; }
+
+        public WaterConsumption(string day, double liters)
+        {
+            Day = day;
+            Liters = liters;
+        }
+    }
+}
diff --git a/WinUISampleDemo/WinUISampleDemo/WinUISampleDemo.csproj b/WinUISampleDemo/WinUISampleDemo/WinUISampleDemo.csproj
new file mode 100644
index 0000000..5dad71b
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/WinUISampleDemo.csproj
@@ -0,0 +1,60 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <OutputType>WinExe</OutputType>
+    <TargetFramework>net8.0-windows10.0.19041.0</TargetFramework>
+    <TargetPlatformMinVersion>10.0.17763.0</TargetPlatformMinVersion>
+    <RootNamespace>WinUISampleDemo</RootNamespace>
+    <ApplicationManifest>app.manifest</ApplicationManifest>
+    <Platforms>x86;x64;ARM64</Platforms>
+    <RuntimeIdentifiers>win-x86;win-x64;win-arm64</RuntimeIdentifiers>
+    <PublishProfile>win-$(Platform).pubxml</PublishProfile>
+    <UseWinUI>true</UseWinUI>
+    <EnableMsixTooling>true</EnableMsixTooling>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Content Include="Assets\SplashScreen.scale-200.png" />
+    <Content Include="Assets\LockScreenLogo.scale-200.png" />
+    <Content Include="Assets\Square150x150Logo.scale-200.png" />
+    <Content Include="Assets\Square44x44Logo.scale-200.png" />
+    <Content Include="Assets\Square44x44Logo.targetsize-24_altform-unplated.png" />
+    <Content Include="Assets\StoreLogo.png" />
+    <Content Include="Assets\Wide310x150Logo.scale-200.png" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Manifest Include="$(ApplicationManifest)" />
+  </ItemGroup>
+
+  <!--
+    Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging
+    Tools extension to be activated for this project even if the Windows App SDK Nuget
+    package has not yet been restored.
+  -->
+  <ItemGroup Condition="'$(DisableMsixProjectCapabilityAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
+    <ProjectCapability Include="Msix" />
+  </ItemGroup>
+  <ItemGroup>
+    <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.1742" />
+    <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.6.241114003" />
+    <PackageReference Include="Syncfusion.Chart.WinUI" Version="*" />
+  </ItemGroup>
+
+  <!--
+    Defining the "HasPackageAndPublishMenuAddedByProject" property here allows the Solution
+    Explorer "Package and Publish" context menu entry to be enabled for this project even if
+    the Windows App SDK Nuget package has not yet been restored.
+  -->
+  <PropertyGroup Condition="'$(DisableHasPackageAndPublishMenuAddedByProject)'!='true' and '$(EnableMsixTooling)'=='true'">
+    <HasPackageAndPublishMenu>true</HasPackageAndPublishMenu>
+  </PropertyGroup>
+
+  <!-- Publish Properties -->
+  <PropertyGroup>
+    <PublishReadyToRun Condition="'$(Configuration)' == 'Debug'">False</PublishReadyToRun>
+    <PublishReadyToRun Condition="'$(Configuration)' != 'Debug'">True</PublishReadyToRun>
+    <PublishTrimmed Condition="'$(Configuration)' == 'Debug'">False</PublishTrimmed>
+    <PublishTrimmed Condition="'$(Configuration)' != 'Debug'">True</PublishTrimmed>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/WinUISampleDemo/WinUISampleDemo/app.manifest b/WinUISampleDemo/WinUISampleDemo/app.manifest
new file mode 100644
index 0000000..39bc7bd
--- /dev/null
+++ b/WinUISampleDemo/WinUISampleDemo/app.manifest
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
+  <assemblyIdentity version="1.0.0.0" name="WinUISampleDemo.app"/>
+
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <!-- The ID below informs the system that this application is compatible with OS features first introduced in Windows 10. 
+      It is necessary to support features in unpackaged applications, for example the custom titlebar implementation.
+      For more info see https://docs.microsoft.com/windows/apps/windows-app-sdk/use-windows-app-sdk-run-time#declare-os-compatibility-in-your-application-manifest -->
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}" />
+    </application>
+  </compatibility>
+  
+  <application xmlns="urn:schemas-microsoft-com:asm.v3">
+    <windowsSettings>
+      <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2</dpiAwareness>
+    </windowsSettings>
+  </application>
+</assembly>
\ No newline at end of file

From fed63787c291d186a04157c96980b9f2c2533114 Mon Sep 17 00:00:00 2001
From: Sowndharya1911 <Sowndharya.Selladurai@syncfusion.com>
Date: Mon, 23 Dec 2024 19:01:28 +0530
Subject: [PATCH 2/4] Updated content

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 38c22a0..ed3fefc 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ private async void Button_Click(object sender, RoutedEventArgs e)
   } 
  ```
 
-**Note:** By default, the chart background is transparent in both light and dark themes. You can customize this background by setting the **Background** property on the chart if needed. The exported image will have a transparent background unless you explicitly set it to a color.
+**Note:** The Chart background is transparent. In JPEG format, RenderTargetBitmap converts it to a black background.
 
 **Chart output**
  

From d9da3e628a75f30904908bed141176f1fb4725b7 Mon Sep 17 00:00:00 2001
From: Sowndharya1911 <Sowndharya.Selladurai@syncfusion.com>
Date: Thu, 26 Dec 2024 18:19:36 +0530
Subject: [PATCH 3/4] updated read me

---
 README.md | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index ed3fefc..cec859b 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ private async void Button_Click(object sender, RoutedEventArgs e)
   } 
  ```
 
-**Note:** The Chart background is transparent. In JPEG format, RenderTargetBitmap converts it to a black background.
+**Note:** By default, the chart background is transparent. When using JPEG format, RenderTargetBitmap converts the transparent background to black. To resolve this, set the chart’s BackgroundColor to white or any preferred color.
 
 **Chart output**
  
@@ -83,16 +83,6 @@ private async void Button_Click(object sender, RoutedEventArgs e)
 
  ![chart.png](https://support.syncfusion.com/kb/agent/attachment/article/18644/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjM0MjMyIiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.VhSO304zS7VSvBDSySJWOBxdySgRK0LWuAdmx3Vl4No)
 
-### Github
-For a more detailed implementation and to view the sample demo, refer to the [Export Chart View as Image GitHub sample.](https://github.com/SyncfusionExamples/How-to-Export-Chart-as-Image-in-WinUI-Chart)
-
-### Conclusion
-
-I hope you enjoyed learning about how to Export Chart as Image in WinUI Chart.
-
-You can refer to our [WinUI charts feature tour page](https://www.syncfusion.com/winui-controls/cartesian-charts) to know about its other groundbreaking feature representations and [documentation](https://help.syncfusion.com/winui/charts/getting-started), and how to quickly get started for configuration specifications.
-
-For current customers, you can check out our components from the [License and Downloads page](https://www.syncfusion.com/sales/teamlicense). If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/account/manage-trials/downloads) to check out our other controls.
-
-If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums/), [Display-Trac](https://support.syncfusion.com/create), or [feedback portal](https://www.syncfusion.com/feedback/winui?control=sfcartesianchart). We are always happy to assist you!
+### KB link 
+For a more detailed, refer to the [Export Chart View as Image KB.](https://support.syncfusion.com/agent/kb/18644)
 

From 87e35c188e63a7782ac9e808d8b93c2b81db9221 Mon Sep 17 00:00:00 2001
From: Sowndharya1911 <Sowndharya.Selladurai@syncfusion.com>
Date: Fri, 27 Dec 2024 09:14:30 +0530
Subject: [PATCH 4/4] updated sample

---
 WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
index a9e5a70..247e658 100644
--- a/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
+++ b/WinUISampleDemo/WinUISampleDemo/MainWindow.xaml.cs
@@ -39,7 +39,7 @@ public MainWindow()
 
         private async void Button_Click(object sender, RoutedEventArgs e)
         {
-            await SaveAsImageAsync(Chart, "chart.jpeg");
+            await SaveAsImageAsync(Chart, "chart.png");
         }
 
         private async Task SaveAsImageAsync(SfCartesianChart chart, string fileName)