diff --git a/samples/charts/data-chart/chart-highlight-filter/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/chart-highlight-filter/OlympicMedalsTopCountriesWithTotals.cs index 99059d2214..b4ca5cd229 100644 --- a/samples/charts/data-chart/chart-highlight-filter/OlympicMedalsTopCountriesWithTotals.cs +++ b/samples/charts/data-chart/chart-highlight-filter/OlympicMedalsTopCountriesWithTotals.cs @@ -4,8 +4,11 @@ public class OlympicMedalsTopCountriesWithTotalsItem { public string Year { get; set; } public double America { get; set; } + public double AmericaGold { get; set; } public double China { get; set; } + public double ChinaGold { get; set; } public double Russia { get; set; } + public double RussiaGold { get; set; } public double Total { get; set; } } @@ -18,48 +21,66 @@ public OlympicMedalsTopCountriesWithTotals() { Year = @"1996", America = 148, + AmericaGold = 50, China = 110, + ChinaGold = 40, Russia = 95, + RussiaGold = 20, Total = 353 }); this.Add(new OlympicMedalsTopCountriesWithTotalsItem() { Year = @"2000", America = 142, + AmericaGold = 40, China = 115, + ChinaGold = 45, Russia = 91, + RussiaGold = 40, Total = 348 }); this.Add(new OlympicMedalsTopCountriesWithTotalsItem() { Year = @"2004", America = 134, + AmericaGold = 35, China = 121, + ChinaGold = 55, Russia = 86, + RussiaGold = 25, Total = 341 }); this.Add(new OlympicMedalsTopCountriesWithTotalsItem() { Year = @"2008", America = 131, + AmericaGold = 20, China = 129, + ChinaGold = 35, Russia = 65, + RussiaGold = 35, Total = 325 }); this.Add(new OlympicMedalsTopCountriesWithTotalsItem() { Year = @"2012", America = 135, + AmericaGold = 25, China = 115, + ChinaGold = 50, Russia = 77, + RussiaGold = 15, Total = 327 }); this.Add(new OlympicMedalsTopCountriesWithTotalsItem() { Year = @"2016", America = 146, + AmericaGold = 45, China = 112, + ChinaGold = 45, Russia = 88, + RussiaGold = 30, Total = 346 }); } diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/App.razor b/samples/charts/data-chart/data-legend-grouping-and-highlighting/App.razor new file mode 100644 index 0000000000..dbb09309ab --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/App.razor @@ -0,0 +1,113 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + +
+
+ +@code { + + private Action BindElements { get; set; } + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var legend = this.legend; + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var columnSeries2 = this.columnSeries2; + var columnSeries3 = this.columnSeries3; + + this.BindElements = () => { + legend.Target = this.chart; + }; + this.BindElements(); + + } + + private IgbDataLegend legend; + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbColumnSeries columnSeries2; + private IgbColumnSeries columnSeries3; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.csproj b/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.sln b/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-legend-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/Program.cs b/samples/charts/data-chart/data-legend-grouping-and-highlighting/Program.cs new file mode 100644 index 0000000000..385f78227c --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/Program.cs @@ -0,0 +1,35 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbLegendModule), + typeof(IgbNumberAbbreviatorModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataLegendModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/Properties/launchSettings.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/_Imports.razor b/samples/charts/data-chart/data-legend-grouping-and-highlighting/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.css b/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.html b/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + + diff --git a/samples/charts/data-chart/data-legend-grouping/App.razor b/samples/charts/data-chart/data-legend-grouping/App.razor new file mode 100644 index 0000000000..9609cbebc1 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/App.razor @@ -0,0 +1,104 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + +
+
+ +@code { + + private Action BindElements { get; set; } + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var legend = this.legend; + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var columnSeries2 = this.columnSeries2; + var columnSeries3 = this.columnSeries3; + + this.BindElements = () => { + legend.Target = this.chart; + }; + this.BindElements(); + + } + + private IgbDataLegend legend; + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbColumnSeries columnSeries2; + private IgbColumnSeries columnSeries3; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.csproj b/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.sln b/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-legend-grouping/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-legend-grouping/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-legend-grouping/Program.cs b/samples/charts/data-chart/data-legend-grouping/Program.cs new file mode 100644 index 0000000000..385f78227c --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/Program.cs @@ -0,0 +1,35 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbLegendModule), + typeof(IgbNumberAbbreviatorModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataLegendModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-legend-grouping/Properties/launchSettings.json b/samples/charts/data-chart/data-legend-grouping/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-grouping/_Imports.razor b/samples/charts/data-chart/data-legend-grouping/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-legend-grouping/wwwroot/index.css b/samples/charts/data-chart/data-legend-grouping/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-legend-grouping/wwwroot/index.html b/samples/charts/data-chart/data-legend-grouping/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + + diff --git a/samples/charts/data-chart/data-legend-styling/App.razor b/samples/charts/data-chart/data-legend-styling/App.razor new file mode 100644 index 0000000000..7203b89c20 --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/App.razor @@ -0,0 +1,93 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + +
+
+ + + + + + + + + + + + + + + +
+
+ +@code { + + private Action BindElements { get; set; } + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var legend = this.legend; + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var dataToolTipLayer = this.dataToolTipLayer; + + this.BindElements = () => { + legend.Target = this.chart; + }; + this.BindElements(); + + } + + private IgbDataLegend legend; + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbDataToolTipLayer dataToolTipLayer; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-styling/BlazorClientApp.csproj b/samples/charts/data-chart/data-legend-styling/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-legend-styling/BlazorClientApp.sln b/samples/charts/data-chart/data-legend-styling/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-legend-styling/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-legend-styling/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-legend-styling/Program.cs b/samples/charts/data-chart/data-legend-styling/Program.cs new file mode 100644 index 0000000000..385f78227c --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/Program.cs @@ -0,0 +1,35 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbLegendModule), + typeof(IgbNumberAbbreviatorModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataLegendModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-legend-styling/Properties/launchSettings.json b/samples/charts/data-chart/data-legend-styling/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-legend-styling/_Imports.razor b/samples/charts/data-chart/data-legend-styling/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-legend-styling/wwwroot/index.css b/samples/charts/data-chart/data-legend-styling/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-legend-styling/wwwroot/index.html b/samples/charts/data-chart/data-legend-styling/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + + diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/App.razor b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/App.razor new file mode 100644 index 0000000000..db426ca050 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/App.razor @@ -0,0 +1,105 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ +@code { + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var columnSeries2 = this.columnSeries2; + var columnSeries3 = this.columnSeries3; + var dataToolTipLayer = this.dataToolTipLayer; + + } + + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbColumnSeries columnSeries2; + private IgbColumnSeries columnSeries3; + private IgbDataToolTipLayer dataToolTipLayer; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.csproj b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.sln b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Program.cs b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Program.cs new file mode 100644 index 0000000000..0c91fdc1c5 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Program.cs @@ -0,0 +1,33 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbPropertyEditorPanelModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Properties/launchSettings.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/_Imports.razor b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.css b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.html b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + + diff --git a/samples/charts/data-chart/data-tooltip-grouping/App.razor b/samples/charts/data-chart/data-tooltip-grouping/App.razor new file mode 100644 index 0000000000..c336b3b8e2 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/App.razor @@ -0,0 +1,98 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ +@code { + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var columnSeries2 = this.columnSeries2; + var columnSeries3 = this.columnSeries3; + var dataToolTipLayer = this.dataToolTipLayer; + + } + + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbColumnSeries columnSeries2; + private IgbColumnSeries columnSeries3; + private IgbDataToolTipLayer dataToolTipLayer; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.csproj b/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.sln b/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-tooltip-grouping/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-tooltip-grouping/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-tooltip-grouping/Program.cs b/samples/charts/data-chart/data-tooltip-grouping/Program.cs new file mode 100644 index 0000000000..0c91fdc1c5 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/Program.cs @@ -0,0 +1,33 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbPropertyEditorPanelModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-tooltip-grouping/Properties/launchSettings.json b/samples/charts/data-chart/data-tooltip-grouping/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-grouping/_Imports.razor b/samples/charts/data-chart/data-tooltip-grouping/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.css b/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.html b/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + + diff --git a/samples/charts/data-chart/data-tooltip-styling/App.razor b/samples/charts/data-chart/data-tooltip-styling/App.razor new file mode 100644 index 0000000000..26ce548f32 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/App.razor @@ -0,0 +1,77 @@ +@using IgniteUI.Blazor.Controls + +
+
+ + + + + + + + + + + + + + + +
+
+ +@code { + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + var chart = this.chart; + var xAxis = this.xAxis; + var yAxis = this.yAxis; + var columnSeries1 = this.columnSeries1; + var dataToolTipLayer = this.dataToolTipLayer; + + } + + private IgbDataChart chart; + private IgbCategoryXAxis xAxis; + private IgbNumericYAxis yAxis; + private IgbColumnSeries columnSeries1; + private IgbDataToolTipLayer dataToolTipLayer; + + private OlympicMedalsTopCountriesWithTotals _olympicMedalsTopCountriesWithTotals = null; + public OlympicMedalsTopCountriesWithTotals OlympicMedalsTopCountriesWithTotals + { + get + { + if (_olympicMedalsTopCountriesWithTotals == null) + { + _olympicMedalsTopCountriesWithTotals = new OlympicMedalsTopCountriesWithTotals(); + } + return _olympicMedalsTopCountriesWithTotals; + } + } + +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.csproj b/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.csproj new file mode 100644 index 0000000000..c0435dfa2c --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.csproj @@ -0,0 +1,21 @@ + + + + net8.0 + 3.0 + Infragistics.Samples + Infragistics.Samples + + + + 1701;1702,IDE0028,BL0005,0219,CS1998 + + + + + + + + + + diff --git a/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.sln b/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.sln new file mode 100644 index 0000000000..1e2eda208a --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/BlazorClientApp.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.29613.14 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU + {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18} + EndGlobalSection +EndGlobal diff --git a/samples/charts/data-chart/data-tooltip-styling/OlympicMedalsTopCountriesWithTotals.cs b/samples/charts/data-chart/data-tooltip-styling/OlympicMedalsTopCountriesWithTotals.cs new file mode 100644 index 0000000000..b4ca5cd229 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/OlympicMedalsTopCountriesWithTotals.cs @@ -0,0 +1,87 @@ +using System; +using System.Collections.Generic; +public class OlympicMedalsTopCountriesWithTotalsItem +{ + public string Year { get; set; } + public double America { get; set; } + public double AmericaGold { get; set; } + public double China { get; set; } + public double ChinaGold { get; set; } + public double Russia { get; set; } + public double RussiaGold { get; set; } + public double Total { get; set; } +} + +public class OlympicMedalsTopCountriesWithTotals + : List +{ + public OlympicMedalsTopCountriesWithTotals() + { + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"1996", + America = 148, + AmericaGold = 50, + China = 110, + ChinaGold = 40, + Russia = 95, + RussiaGold = 20, + Total = 353 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2000", + America = 142, + AmericaGold = 40, + China = 115, + ChinaGold = 45, + Russia = 91, + RussiaGold = 40, + Total = 348 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2004", + America = 134, + AmericaGold = 35, + China = 121, + ChinaGold = 55, + Russia = 86, + RussiaGold = 25, + Total = 341 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2008", + America = 131, + AmericaGold = 20, + China = 129, + ChinaGold = 35, + Russia = 65, + RussiaGold = 35, + Total = 325 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2012", + America = 135, + AmericaGold = 25, + China = 115, + ChinaGold = 50, + Russia = 77, + RussiaGold = 15, + Total = 327 + }); + this.Add(new OlympicMedalsTopCountriesWithTotalsItem() + { + Year = @"2016", + America = 146, + AmericaGold = 45, + China = 112, + ChinaGold = 45, + Russia = 88, + RussiaGold = 30, + Total = 346 + }); + } +} diff --git a/samples/charts/data-chart/data-tooltip-styling/Program.cs b/samples/charts/data-chart/data-tooltip-styling/Program.cs new file mode 100644 index 0000000000..0c91fdc1c5 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/Program.cs @@ -0,0 +1,33 @@ +using System; +using System.Net.Http; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Text; +using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using Microsoft.Extensions.Configuration; +using Microsoft.Extensions.DependencyInjection; +using Microsoft.Extensions.Logging; +using IgniteUI.Blazor.Controls; // for registering Ignite UI modules + +namespace Infragistics.Samples +{ + public class Program + { + public static async Task Main(string[] args) + { + var builder = WebAssemblyHostBuilder.CreateDefault(args); + builder.RootComponents.Add("app"); + builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); + // registering Ignite UI modules + builder.Services.AddIgniteUIBlazor( + typeof(IgbInputModule), + typeof(IgbPropertyEditorPanelModule), + typeof(IgbDataChartCoreModule), + typeof(IgbDataChartCategoryModule), + typeof(IgbDataChartInteractivityModule), + typeof(IgbDataChartAnnotationModule) + ); + await builder.Build().RunAsync(); + } + } +} diff --git a/samples/charts/data-chart/data-tooltip-styling/Properties/launchSettings.json b/samples/charts/data-chart/data-tooltip-styling/Properties/launchSettings.json new file mode 100644 index 0000000000..18bd6fb5bc --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/Properties/launchSettings.json @@ -0,0 +1,27 @@ +{ + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4200", + "sslPort": 44385 + } + }, + "profiles": { + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "BlazorSamples": { + "commandName": "Project", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + }, + "applicationUrl": "https://localhost:5001;http://localhost:4200" + } + } +} \ No newline at end of file diff --git a/samples/charts/data-chart/data-tooltip-styling/_Imports.razor b/samples/charts/data-chart/data-tooltip-styling/_Imports.razor new file mode 100644 index 0000000000..d27d337cb1 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/_Imports.razor @@ -0,0 +1,9 @@ +// these namespaces are global to the app +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.AspNetCore.Components.WebAssembly.Http +@using Microsoft.JSInterop +@using Infragistics.Samples diff --git a/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.css b/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.css new file mode 100644 index 0000000000..50ca13caa6 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.css @@ -0,0 +1,4 @@ +/* +CSS styles are loaded from the shared CSS file located at: +https://static.infragistics.com/xplatform/css/samples/ +*/ diff --git a/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.html b/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.html new file mode 100644 index 0000000000..8833030d8e --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/wwwroot/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + Samples | IgniteUI for Blazor | Infragistics + + + + + + + + + +
+ An unhandled error has occurred. + Reload + 🗙 +
+ + + + + +