diff --git a/README.md b/README.md index aca6945..425baae 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,113 @@ -# How-to-group-stacking-series-in-.NET-MAUI-Chart-SfCartesianChart -Explore concise code in this .NET MAUI Chart sample to master grouping techniques for visually compelling and organized stacking series, empowering your data visualization in .NET MAUI applications with SfCartesianChart. +## How to group stacking series in .NET MAUI SfCartesianChart + +This article explains how to group the stacking series in [.NET MAUI Cartesian Chart](https://www.syncfusion.com/maui-controls/maui-cartesian-charts) + +A stacked chart is a type of graph that displays multiple data series on top of one another, allowing you to see the total and individual contributions of each series to the whole. The .NET MAUI Cartesian Chart provide support to cluster the stacking series using the [GroupingLabel](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.StackingSeriesBase.html#Syncfusion_Maui_Toolkit_Charts_StackingSeriesBase_GroupingLabel) property. + +Consider a scenario with four stacking column series grouped into two entities, namely **GroupOne** and **GroupTwo**, distinguished by the [GroupingLabel](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.StackingSeriesBase.html#Syncfusion_Maui_Toolkit_Charts_StackingSeriesBase_GroupingLabel) property. In the resulting chart, two stacking columns are rendered at a specific point— one representing **GroupOne** and the other representing **GroupTwo**. Specifically, **TeamA** and **TeamB** are associated with **GroupOne**, while **TeamC** and **TeamD** are affiliated with **GroupTwo**. + + +**XAML** + + ```XAML + + ... + + + + + + + + + + + + ... + + ``` + + + +**C#** + ```C# + + SfCartesianChart chart = new SfCartesianChart(); + ... + + var teamASeries = new StackingColumnSeries + { + ItemsSource = "{Binding Data1}", + XBindingPath = "Month", + YBindingPath = "Value", + Label="Team A", + GroupingLabel="GroupOne" + }; + + var teamBSeries = new StackingColumnSeries + { + ItemsSource = "{Binding Data2}", + XBindingPath = "Month", + YBindingPath = "Value", + Label="Team B", + GroupingLabel="GroupOne" + }; + + var teamCSeries = new StackingColumnSeries + { + ItemsSource = "{Binding Data3}", + XBindingPath = "Month", + YBindingPath = "Value", + Label="Team C", + GroupingLabel="GroupTwo" + }; + + var teamDSeries = new StackingColumnSeries + { + ItemsSource = "{Binding Data4}", + XBindingPath = "Month", + YBindingPath = "Value", + Label="Team D", + GroupingLabel="GroupTwo" + }; + + chart.Series.Add(teamASeries); + chart.Series.Add(teamBSeries); + chart.Series.Add(teamCSeries); + chart.Series.Add(teamDSeries); + + this.Content=chart; + + ``` + + +**Output** + +**Before Grouping the series** + +![Before.png](https://support.syncfusion.com/kb/agent/attachment/article/14906/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjE3MjkyIiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.ELSzAa4NCiIdr_mS0Bg8T7XVE9y_g-2DbwnQJ0thedE) + +**After Grouping the series** + +![After.png](https://support.syncfusion.com/kb/agent/attachment/article/14906/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjE3Mjg2Iiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9._IlGUeutt5mOugHIfa8Rke-BiIgwJ6yRrwR0r27ZNs4) + +### Troubleshooting +**Path too long exception** +If you are facing a path too long exception when building this example project, close Visual Studio and rename the repository to a shorter name before building the project. + +For more details, refer to the KB on [how to group stacking series in .NET MAUI SfCartesianChart](https://support.syncfusion.com/kb/article/14906/how-to-group-stacking-series-in-net-maui-chart-sfcartesianchart-). diff --git a/StackedColumnGrouping/StackedColumnGrouping.sln b/StackedColumnGrouping/StackedColumnGrouping.sln new file mode 100644 index 0000000..5b66c10 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping.sln @@ -0,0 +1,27 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 17 +VisualStudioVersion = 17.9.34321.82 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "StackedColumnGrouping", "StackedColumnGrouping\StackedColumnGrouping.csproj", "{00D8029F-7B80-480C-BC96-E0DF0B933F72}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Debug|Any CPU.Build.0 = Debug|Any CPU + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Debug|Any CPU.Deploy.0 = Debug|Any CPU + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Release|Any CPU.ActiveCfg = Release|Any CPU + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Release|Any CPU.Build.0 = Release|Any CPU + {00D8029F-7B80-480C-BC96-E0DF0B933F72}.Release|Any CPU.Deploy.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {56707A11-869E-49E9-84C2-5C14E611480B} + EndGlobalSection +EndGlobal diff --git a/StackedColumnGrouping/StackedColumnGrouping/App.xaml b/StackedColumnGrouping/StackedColumnGrouping/App.xaml new file mode 100644 index 0000000..33f47a6 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/App.xaml @@ -0,0 +1,14 @@ + + + + + + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/App.xaml.cs b/StackedColumnGrouping/StackedColumnGrouping/App.xaml.cs new file mode 100644 index 0000000..c97d8de --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/App.xaml.cs @@ -0,0 +1,12 @@ +namespace StackedColumnGrouping +{ + public partial class App : Application + { + public App() + { + InitializeComponent(); + + MainPage = new AppShell(); + } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml b/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml new file mode 100644 index 0000000..ba583a8 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml @@ -0,0 +1,14 @@ + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml.cs b/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml.cs new file mode 100644 index 0000000..11404bf --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/AppShell.xaml.cs @@ -0,0 +1,10 @@ +namespace StackedColumnGrouping +{ + public partial class AppShell : Shell + { + public AppShell() + { + InitializeComponent(); + } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml b/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml new file mode 100644 index 0000000..f5755af --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml.cs b/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml.cs new file mode 100644 index 0000000..c6c2de3 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/MainPage.xaml.cs @@ -0,0 +1,10 @@ +namespace StackedColumnGrouping +{ + public partial class MainPage : ContentPage + { + public MainPage() + { + InitializeComponent(); + } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/MauiProgram.cs b/StackedColumnGrouping/StackedColumnGrouping/MauiProgram.cs new file mode 100644 index 0000000..b944997 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/MauiProgram.cs @@ -0,0 +1,27 @@ +using Microsoft.Extensions.Logging; +using Syncfusion.Maui.Toolkit.Hosting; + +namespace StackedColumnGrouping +{ + public static class MauiProgram + { + public static MauiApp CreateMauiApp() + { + var builder = MauiApp.CreateBuilder(); + builder + .UseMauiApp() + .ConfigureSyncfusionToolkit() + .ConfigureFonts(fonts => + { + fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); + fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); + }); + +#if DEBUG + builder.Logging.AddDebug(); +#endif + + return builder.Build(); + } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Model.cs b/StackedColumnGrouping/StackedColumnGrouping/Model.cs new file mode 100644 index 0000000..5115e85 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Model.cs @@ -0,0 +1,14 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Text; +using System.Threading.Tasks; + +namespace StackedColumnGrouping +{ + public class Model() + { + public string? Month { get; set; } + public double Value { get; set; } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/AndroidManifest.xml b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/AndroidManifest.xml new file mode 100644 index 0000000..bdec9b5 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/AndroidManifest.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainActivity.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainActivity.cs new file mode 100644 index 0000000..33149ed --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainActivity.cs @@ -0,0 +1,11 @@ +using Android.App; +using Android.Content.PM; +using Android.OS; + +namespace StackedColumnGrouping +{ + [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/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainApplication.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainApplication.cs new file mode 100644 index 0000000..1cdf1ce --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/MainApplication.cs @@ -0,0 +1,16 @@ +using Android.App; +using Android.Runtime; + +namespace StackedColumnGrouping +{ + [Application] + public class MainApplication : MauiApplication + { + public MainApplication(IntPtr handle, JniHandleOwnership ownership) + : base(handle, ownership) + { + } + + protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/Resources/values/colors.xml b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/Resources/values/colors.xml new file mode 100644 index 0000000..5cd1604 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Android/Resources/values/colors.xml @@ -0,0 +1,6 @@ + + + #512BD4 + #2B0B98 + #2B0B98 + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/AppDelegate.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/AppDelegate.cs new file mode 100644 index 0000000..7fe268d --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/AppDelegate.cs @@ -0,0 +1,10 @@ +using Foundation; + +namespace StackedColumnGrouping +{ + [Register("AppDelegate")] + public class AppDelegate : MauiUIApplicationDelegate + { + protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Entitlements.plist b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Entitlements.plist new file mode 100644 index 0000000..8e87c0c --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Entitlements.plist @@ -0,0 +1,14 @@ + + + + + + + com.apple.security.app-sandbox + + + com.apple.security.network.client + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Info.plist b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Info.plist new file mode 100644 index 0000000..f24aacc --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Info.plist @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + UIDeviceFamily + + 2 + + UIRequiredDeviceCapabilities + + arm64 + + UISupportedInterfaceOrientations + + UIInterfaceOrientationPortrait + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + UISupportedInterfaceOrientations~ipad + + UIInterfaceOrientationPortrait + UIInterfaceOrientationPortraitUpsideDown + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + XSAppIconAssets + Assets.xcassets/appicon.appiconset + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Program.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Program.cs new file mode 100644 index 0000000..516f102 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/MacCatalyst/Program.cs @@ -0,0 +1,16 @@ +using ObjCRuntime; +using UIKit; + +namespace StackedColumnGrouping +{ + 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/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/Main.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/Main.cs new file mode 100644 index 0000000..2fc95ad --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/Main.cs @@ -0,0 +1,17 @@ +using Microsoft.Maui; +using Microsoft.Maui.Hosting; +using System; + +namespace StackedColumnGrouping +{ + internal class Program : MauiApplication + { + protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); + + static void Main(string[] args) + { + var app = new Program(); + app.Run(args); + } + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/tizen-manifest.xml b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/tizen-manifest.xml new file mode 100644 index 0000000..d91999f --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Tizen/tizen-manifest.xml @@ -0,0 +1,15 @@ + + + + + + maui-appicon-placeholder + + + + + http://tizen.org/privilege/internet + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/App.xaml b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/App.xaml new file mode 100644 index 0000000..8df4915 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/App.xaml @@ -0,0 +1,8 @@ + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/App.xaml.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/App.xaml.cs new file mode 100644 index 0000000..0206cf8 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/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 StackedColumnGrouping.WinUI +{ + /// + /// Provides application-specific behavior to supplement the default Application class. + /// + public partial class App : MauiWinUIApplication + { + /// + /// 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(). + /// + public App() + { + this.InitializeComponent(); + } + + protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); + } + +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/Package.appxmanifest b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/Package.appxmanifest new file mode 100644 index 0000000..f96557f --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/Package.appxmanifest @@ -0,0 +1,46 @@ + + + + + + + + + $placeholder$ + User Name + $placeholder$.png + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/app.manifest b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/app.manifest new file mode 100644 index 0000000..75396cf --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/Windows/app.manifest @@ -0,0 +1,15 @@ + + + + + + + + true/PM + PerMonitorV2, PerMonitor + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/AppDelegate.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/AppDelegate.cs new file mode 100644 index 0000000..7fe268d --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/AppDelegate.cs @@ -0,0 +1,10 @@ +using Foundation; + +namespace StackedColumnGrouping +{ + [Register("AppDelegate")] + public class AppDelegate : MauiUIApplicationDelegate + { + protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); + } +} diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Info.plist b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Info.plist new file mode 100644 index 0000000..358337b --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Info.plist @@ -0,0 +1,32 @@ + + + + + LSRequiresIPhoneOS + + UIDeviceFamily + + 1 + 2 + + UIRequiredDeviceCapabilities + + arm64 + + UISupportedInterfaceOrientations + + UIInterfaceOrientationPortrait + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + UISupportedInterfaceOrientations~ipad + + UIInterfaceOrientationPortrait + UIInterfaceOrientationPortraitUpsideDown + UIInterfaceOrientationLandscapeLeft + UIInterfaceOrientationLandscapeRight + + XSAppIconAssets + Assets.xcassets/appicon.appiconset + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Program.cs b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Program.cs new file mode 100644 index 0000000..516f102 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Platforms/iOS/Program.cs @@ -0,0 +1,16 @@ +using ObjCRuntime; +using UIKit; + +namespace StackedColumnGrouping +{ + 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/StackedColumnGrouping/StackedColumnGrouping/Properties/launchSettings.json b/StackedColumnGrouping/StackedColumnGrouping/Properties/launchSettings.json new file mode 100644 index 0000000..c16206a --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Properties/launchSettings.json @@ -0,0 +1,8 @@ +{ + "profiles": { + "Windows Machine": { + "commandName": "MsixPackage", + "nativeDebugging": false + } + } +} \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appicon.svg b/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appicon.svg new file mode 100644 index 0000000..5f04fcf --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appicon.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appiconfg.svg b/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appiconfg.svg new file mode 100644 index 0000000..62d66d7 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/AppIcon/appiconfg.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Regular.ttf b/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..9ab655d Binary files /dev/null and b/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Regular.ttf differ diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Semibold.ttf b/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Semibold.ttf new file mode 100644 index 0000000..2b7468e Binary files /dev/null and b/StackedColumnGrouping/StackedColumnGrouping/Resources/Fonts/OpenSans-Semibold.ttf differ diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Images/dotnet_bot.png b/StackedColumnGrouping/StackedColumnGrouping/Resources/Images/dotnet_bot.png new file mode 100644 index 0000000..f93ce02 Binary files /dev/null and b/StackedColumnGrouping/StackedColumnGrouping/Resources/Images/dotnet_bot.png differ diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Raw/AboutAssets.txt b/StackedColumnGrouping/StackedColumnGrouping/Resources/Raw/AboutAssets.txt new file mode 100644 index 0000000..50b8a7b --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/Raw/AboutAssets.txt @@ -0,0 +1,15 @@ +Any raw assets you want to be deployed with your application can be placed in +this directory (and child directories). Deployment of the asset to your application +is automatically handled by the following `MauiAsset` Build Action within your `.csproj`. + + + +These files will be deployed with you package and will be accessible using Essentials: + + async Task LoadMauiAsset() + { + using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt"); + using var reader = new StreamReader(stream); + + var contents = reader.ReadToEnd(); + } diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Splash/splash.svg b/StackedColumnGrouping/StackedColumnGrouping/Resources/Splash/splash.svg new file mode 100644 index 0000000..62d66d7 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/Splash/splash.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Colors.xaml b/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Colors.xaml new file mode 100644 index 0000000..22f0a67 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Colors.xaml @@ -0,0 +1,45 @@ + + + + + + + #512BD4 + #ac99ea + #242424 + #DFD8F7 + #9880e5 + #2B0B98 + + White + Black + #D600AA + #190649 + #1f1f1f + + #E1E1E1 + #C8C8C8 + #ACACAC + #919191 + #6E6E6E + #404040 + #212121 + #141414 + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Styles.xaml b/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Styles.xaml new file mode 100644 index 0000000..5bc20f1 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/Resources/Styles/Styles.xaml @@ -0,0 +1,426 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/StackedColumnGrouping.csproj b/StackedColumnGrouping/StackedColumnGrouping/StackedColumnGrouping.csproj new file mode 100644 index 0000000..52b2a99 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/StackedColumnGrouping.csproj @@ -0,0 +1,66 @@ + + + + net9.0-android;net9.0-ios;net9.0-maccatalyst + $(TargetFrameworks);net9.0-windows10.0.19041.0 + + + + + + + Exe + StackedColumnGrouping + true + true + enable + enable + + + StackedColumnGrouping + + + com.companyname.stackedcolumngrouping + + + 1.0 + 1 + + 11.0 + 13.1 + 21.0 + 10.0.17763.0 + 10.0.17763.0 + 6.5 + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/StackedColumnGrouping/StackedColumnGrouping/ViewModel.cs b/StackedColumnGrouping/StackedColumnGrouping/ViewModel.cs new file mode 100644 index 0000000..fc7b467 --- /dev/null +++ b/StackedColumnGrouping/StackedColumnGrouping/ViewModel.cs @@ -0,0 +1,47 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Text; +using System.Threading.Tasks; + +namespace StackedColumnGrouping +{ + public class ViewModel + { + public List Data1 { get; set; } + public List Data3 { get; set; } + public List Data2 { get; set; } + public List Data4 { get; set; } + + public ViewModel() + { + Data1 = new List(); + Data1.Add(new Model() {Month="Jan", Value=17 }); + Data1.Add(new Model() { Month = "Feb", Value = 12 }); + Data1.Add(new Model() { Month = "Mar", Value = 15 }); + Data1.Add(new Model() { Month = "Apr", Value = 12 }); + Data1.Add(new Model() { Month = "May", Value = 10 }); + + Data3 = new List(); + Data3.Add(new Model() { Month = "Jan", Value = 11 }); + Data3.Add(new Model() { Month = "Feb", Value = 17 }); + Data3.Add(new Model() { Month = "Mar", Value = 9 }); + Data3.Add(new Model() { Month = "Apr", Value = 13 }); + Data3.Add(new Model() { Month = "May", Value = 8 }); + + Data2 = new List(); + Data2.Add(new Model() { Month = "Jan", Value = 10 }); + Data2.Add(new Model() { Month = "Feb", Value = 7 }); + Data2.Add(new Model() { Month = "Mar", Value = 5 }); + Data2.Add(new Model() { Month = "Apr", Value = 8 }); + Data2.Add(new Model() { Month = "May", Value = 12 }); + + Data4 = new List(); + Data4.Add(new Model() { Month = "Jan", Value = 13 }); + Data4.Add(new Model() { Month = "Feb", Value = 10 }); + Data4.Add(new Model() { Month = "Mar", Value = 8 }); + Data4.Add(new Model() { Month = "Apr", Value = 10 }); + Data4.Add(new Model() { Month = "May", Value = 5 }); + } + } +}