Changes from igniteui-xplat-examples-output+PRs_2024.6.4.1

samples/charts/category-chart/annotations-highlighting/App.razor

@@ -39,14 +39,12 @@
         ComputedPlotAreaMarginMode="ComputedPlotAreaMarginMode.Series"
         IsHorizontalZoomEnabled="false"
         IsVerticalZoomEnabled="false"
-        IncludedProperties="@(new string[] { "Month", "Temperature" })"
         DataSource="TemperatureAnnotatedData"
-        IsCategoryHighlightingEnabled="true"
         HighlightingMode="SeriesHighlightingMode.FadeOthersSpecific"
         HighlightingBehavior="SeriesHighlightingBehavior.NearestItemsAndSeries"
-        CrosshairsAnnotationYAxisPrecision="0"
         YAxisMaximumValue="35"
-        YAxisLabelLocation="YAxisLabelLocation.OutsideRight">
+        YAxisLabelLocation="YAxisLabelLocation.OutsideRight"
+        ToolTipType="ToolTipType.None">
         </IgbCategoryChart>
 
     </div>

samples/charts/category-chart/chart-highlight-filter/App.razor

@@ -29,7 +29,7 @@
         @ref="chart"
         ChartType="CategoryChartType.Column"
         DataSource="SalesData"
-        InitialGroups="MonthName"
+        InitialGroups="Month"
         InitialHighlightFilter="Country ne 'UK'"
         HighlightedValuesDisplayMode="SeriesHighlightedValuesDisplayMode.Hidden">
         </IgbCategoryChart>

samples/charts/category-chart/data-aggregations/App.razor

@@ -19,8 +19,8 @@
             Label="Initial Groups"
             ValueType="PropertyEditorValueType.EnumValue"
             ShouldOverrideDefaultEditor="true"
-            DropDownNames="@(new string[] { "Country", "Product", "MonthName", "Year" })"
-            DropDownValues="@(new string[] { "Country", "Product", "MonthName", "Year" })"
+            DropDownNames="@(new string[] { "Country", "Product", "Month", "Year" })"
+            DropDownValues="@(new string[] { "Country", "Product", "Month", "Year" })"
             PrimitiveValue="@("Country")"
             Changed="EditorChangeUpdateInitialGroups">
             </IgbPropertyEditorPropertyDescription>

samples/charts/category-chart/data-filter/App.razor

@@ -14,20 +14,21 @@
         IsWrappingEnabled="true">
             <IgbPropertyEditorPropertyDescription
             PropertyPath="InitialFilterHandler"
-            EditorWidth="800"
             Name="InitialFilter"
             @ref="initialFilter"
-            Label="Modify Chart Filter"
-            ValueType="PropertyEditorValueType.StringValue"
+            Label="Modify Filter"
+            ValueType="PropertyEditorValueType.EnumValue"
             ShouldOverrideDefaultEditor="true"
-            Changed="EditorChangeUpdateInitialFilter">
+            DropDownNames="@(new string[] { "1950", "1960", "1970", "1980", "1990", "2000", "2010", "2020" })"
+            DropDownValues="@(new string[] { "1950", "1960", "1970", "1980", "1990", "2000", "2010", "2020" })"
+            Changed="EditorChangeDataFilter">
             </IgbPropertyEditorPropertyDescription>
 
         </IgbPropertyEditorPanel>
 
     </div>
     <div class="legend-title">
-        Sales Filtered by Country, Product, and Dates
+        Annual Birth Rates by World Region
     </div>
     <div class="legend">
         <IgbLegend
@@ -41,13 +42,12 @@
         <IgbCategoryChart
         Name="chart"
         @ref="chart"
-        DataSource="SalesData"
+        DataSource="ContinentsBirthRate"
         ChartType="CategoryChartType.Column"
         IsHorizontalZoomEnabled="false"
         IsVerticalZoomEnabled="false"
         CrosshairsDisplayMode="CrosshairsDisplayMode.None"
-        IncludedProperties="@(new string[] { "Date", "GrossSales", "Profit", "Sales" })"
-        InitialFilter="(startswith(Country, 'B') and endswith(Country, 'l') and contains(Product, 'Royal Oak') and contains(Date, '3/1/20'))">
+        YAxisLabelFormat="{0}M">
         </IgbCategoryChart>
 
     </div>
@@ -77,24 +77,23 @@
     private IgbPropertyEditorPropertyDescription initialFilter;
     private IgbCategoryChart chart;
 
-    public void EditorChangeUpdateInitialFilter(IgbPropertyEditorPropertyDescriptionChangedEventArgs args)
+    public void EditorChangeDataFilter(IgbPropertyEditorPropertyDescriptionChangedEventArgs args)
     {
         var chart = this.chart;
-        var intialFilterVal = args.NewValue.ToString();
-        chart.InitialFilter = null;
-        chart.InitialFilter = intialFilterVal;
+        var filter = args.NewValue.ToString();
+        chart.InitialFilter = "(contains(Year," + "'" + filter + "'" + "))";
     }
 
-    private SalesData _salesData = null;
-    public SalesData SalesData
+    private ContinentsBirthRate _continentsBirthRate = null;
+    public ContinentsBirthRate ContinentsBirthRate
     {
         get
         {
-            if (_salesData == null)
+            if (_continentsBirthRate == null)
             {
-                _salesData = new SalesData();
+                _continentsBirthRate = new ContinentsBirthRate();
             }
-            return _salesData;
+            return _continentsBirthRate;
         }
     }
 

samples/charts/category-chart/data-filter/ContinentsBirthRate.cs

@@ -0,0 +1,100 @@
+using System;
+using System.Collections.Generic;
+public class ContinentsBirthRateItem
+{
+    public string Year { get; set; }
+    public double Asia { get; set; }
+    public double Africa { get; set; }
+    public double Europe { get; set; }
+    public double NorthAmerica { get; set; }
+    public double SouthAmerica { get; set; }
+    public double Oceania { get; set; }
+}
+
+public class ContinentsBirthRate
+    : List<ContinentsBirthRateItem>
+{
+    public ContinentsBirthRate()
+    {
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"1950",
+            Asia = 62,
+            Africa = 13,
+            Europe = 10,
+            NorthAmerica = 4,
+            SouthAmerica = 8,
+            Oceania = 1
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"1960",
+            Asia = 68,
+            Africa = 12,
+            Europe = 15,
+            NorthAmerica = 4,
+            SouthAmerica = 9,
+            Oceania = 2
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"1970",
+            Asia = 80,
+            Africa = 17,
+            Europe = 11,
+            NorthAmerica = 3,
+            SouthAmerica = 9,
+            Oceania = 1
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"1980",
+            Asia = 77,
+            Africa = 21,
+            Europe = 12,
+            NorthAmerica = 3,
+            SouthAmerica = 10,
+            Oceania = 2
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"1990",
+            Asia = 87,
+            Africa = 24,
+            Europe = 9,
+            NorthAmerica = 3,
+            SouthAmerica = 10,
+            Oceania = 1
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"2000",
+            Asia = 79,
+            Africa = 28,
+            Europe = 8,
+            NorthAmerica = 4,
+            SouthAmerica = 9,
+            Oceania = 3
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"2010",
+            Asia = 78,
+            Africa = 35,
+            Europe = 10,
+            NorthAmerica = 4,
+            SouthAmerica = 8,
+            Oceania = 2
+        });
+        this.Add(new ContinentsBirthRateItem()
+        {
+            Year = @"2020",
+            Asia = 75,
+            Africa = 43,
+            Europe = 7,
+            NorthAmerica = 4,
+            SouthAmerica = 7,
+            Oceania = 4
+        });
+    }
+}

samples/charts/category-chart/highlighting-behavior/App.razor

@@ -31,7 +31,6 @@
         DataSource="TemperatureAnnotatedData"
         HighlightingMode="SeriesHighlightingMode.Brighten"
         HighlightingBehavior="SeriesHighlightingBehavior.DirectlyOver"
-        CrosshairsAnnotationEnabled="false"
         ToolTipType="ToolTipType.None"
         CrosshairsDisplayMode="CrosshairsDisplayMode.None">
         </IgbCategoryChart>

samples/charts/category-chart/highlighting-mode/App.razor

@@ -30,7 +30,6 @@
         IsVerticalZoomEnabled="false"
         DataSource="TemperatureAnnotatedData"
         HighlightingMode="SeriesHighlightingMode.BrightenSpecific"
-        CrosshairsAnnotationEnabled="false"
         ToolTipType="ToolTipType.None"
         CrosshairsDisplayMode="CrosshairsDisplayMode.None">
         </IgbCategoryChart>

samples/charts/data-chart/data-legend/App.razor

@@ -42,17 +42,11 @@
             XMemberPath="DeathRate"
             YMemberPath="BirthRate"
             RadiusMemberPath="Population"
+            RadiusScale="SizeScale1"
             Title="Africa"
             RadiusMemberAsLegendLabel="Population: "
             XMemberAsLegendLabel="Death Rate: "
             YMemberAsLegendLabel="Birth Rate: ">
-                <IgbSizeScale
-                Name="SizeScale1"
-                @ref="sizeScale1"
-                MinimumValue="10"
-                MaximumValue="50">
-                </IgbSizeScale>
-
             </IgbBubbleSeries>
 
             <IgbBubbleSeries
@@ -64,17 +58,11 @@
             XMemberPath="DeathRate"
             YMemberPath="BirthRate"
             RadiusMemberPath="Population"
+            RadiusScale="SizeScale2"
             Title="Europe"
             RadiusMemberAsLegendLabel="Population: "
             XMemberAsLegendLabel="Death Rate: "
             YMemberAsLegendLabel="Birth Rate: ">
-                <IgbSizeScale
-                Name="SizeScale2"
-                @ref="sizeScale2"
-                MinimumValue="10"
-                MaximumValue="50">
-                </IgbSizeScale>
-
             </IgbBubbleSeries>
 
             <IgbCrosshairLayer
@@ -98,9 +86,7 @@
         var xAxis = this.xAxis;
         var yAxis = this.yAxis;
         var bubbleSeries1 = this.bubbleSeries1;
-        var sizeScale1 = this.sizeScale1;
         var bubbleSeries2 = this.bubbleSeries2;
-        var sizeScale2 = this.sizeScale2;
         var crosshairLayer = this.crosshairLayer;
 
         this.BindElements = () => {
@@ -115,9 +101,39 @@
     private IgbNumericXAxis xAxis;
     private IgbNumericYAxis yAxis;
     private IgbBubbleSeries bubbleSeries1;
-    private IgbSizeScale sizeScale1;
+    private IgbSizeScale _sizeScale1 = null;
+    public IgbSizeScale SizeScale1
+    {
+        get
+        {
+            if (this._sizeScale1 == null)
+            {
+                var SizeScale1 = new IgbSizeScale();
+                SizeScale1.Name = "SizeScale1";
+                SizeScale1.MinimumValue = 10;
+                SizeScale1.MaximumValue = 50;
+                this._sizeScale1 = SizeScale1;
+            }
+            return this._sizeScale1;
+        }
+    }
     private IgbBubbleSeries bubbleSeries2;
-    private IgbSizeScale sizeScale2;
+    private IgbSizeScale _sizeScale2 = null;
+    public IgbSizeScale SizeScale2
+    {
+        get
+        {
+            if (this._sizeScale2 == null)
+            {
+                var SizeScale2 = new IgbSizeScale();
+                SizeScale2.Name = "SizeScale2";
+                SizeScale2.MinimumValue = 10;
+                SizeScale2.MaximumValue = 50;
+                this._sizeScale2 = SizeScale2;
+            }
+            return this._sizeScale2;
+        }
+    }
     private IgbCrosshairLayer crosshairLayer;
 
     private CountryDemographicAfrican _countryDemographicAfrican = null;