+
+
+@code {
+
+ private Action BindElements { get; set; }
+
+ protected override async Task OnAfterRenderAsync(bool firstRender)
+ {
+ var legend = this.legend;
+ var chart = this.chart;
+ var yAxis = this.yAxis;
+ var xAxis = this.xAxis;
+ var rangeBarSeries1 = this.rangeBarSeries1;
+ var rangeBarSeries2 = this.rangeBarSeries2;
+ var dataToolTipLayer = this.dataToolTipLayer;
+
+ this.BindElements = () => {
+ chart.Legend = this.legend;
+ };
+ this.BindElements();
+
+ }
+
+ private IgbLegend legend;
+ private IgbDataChart chart;
+ private IgbCategoryYAxis yAxis;
+ private IgbNumericXAxis xAxis;
+ private IgbRangeBarSeries rangeBarSeries1;
+ private IgbRangeBarSeries rangeBarSeries2;
+ private IgbDataToolTipLayer dataToolTipLayer;
+
+ private TemperatureRangeData _temperatureRangeData = null;
+ public TemperatureRangeData TemperatureRangeData
+ {
+ get
+ {
+ if (_temperatureRangeData == null)
+ {
+ _temperatureRangeData = new TemperatureRangeData();
+ }
+ return _temperatureRangeData;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/samples/charts/data-chart/range-bar-chart/BlazorClientApp.csproj b/samples/charts/data-chart/range-bar-chart/BlazorClientApp.csproj
new file mode 100644
index 0000000000..514777d208
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/BlazorClientApp.csproj
@@ -0,0 +1,21 @@
+
+ Monthly Temperature Range in LA and NYC
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ An unhandled error has occurred.
+ Reload
+ 🗙
+
+
+
+
+
+
+
diff --git a/samples/charts/data-chart/range-column-chart/BlazorClientApp.csproj b/samples/charts/data-chart/range-column-chart/BlazorClientApp.csproj
index 514777d208..c5c262d407 100644
--- a/samples/charts/data-chart/range-column-chart/BlazorClientApp.csproj
+++ b/samples/charts/data-chart/range-column-chart/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
+
+
+
+@code {
+
+ private Action BindElements { get; set; }
+
+ protected override async Task OnAfterRenderAsync(bool firstRender)
+ {
+ var propertyEditor = this.propertyEditor;
+ var markerSizeEditor = this.markerSizeEditor;
+ var markerTypeEditor = this.markerTypeEditor;
+ var legend = this.legend;
+ var chart = this.chart;
+ var xAxis = this.xAxis;
+ var yAxis = this.yAxis;
+ var scatterSeries1 = this.scatterSeries1;
+ var scatterSeries2 = this.scatterSeries2;
+
+ this.BindElements = () => {
+ propertyEditor.Target = this.chart;
+ chart.Legend = this.legend;
+ };
+ this.BindElements();
+
+ }
+
+ private IgbPropertyEditorPanel propertyEditor;
+ private IgbPropertyEditorPropertyDescription markerSizeEditor;
+ private IgbPropertyEditorPropertyDescription markerTypeEditor;
+ private IgbLegend legend;
+ private IgbDataChart chart;
+ private IgbNumericXAxis xAxis;
+ private IgbNumericYAxis yAxis;
+ private IgbScatterSeries scatterSeries1;
+ private IgbScatterSeries scatterSeries2;
+
+ public void EditorChangeUpdateDataChartMarkerSize(IgbPropertyEditorPropertyDescriptionChangedEventArgs args)
+ {
+ var chart = this.chart;
+ var markerSizeVal = Convert.ToInt32(args.NewValue);
+ var series = chart.ActualSeries;
+ for (var i = 0; i < series.Count; i++)
+ {
+ var markerSeries = series[i] as IgbMarkerSeries;
+ if (markerSeries != null)
+ {
+ markerSeries.MarkerSize = markerSizeVal;
+ }
+ }
+ }
+
+ public void EditorChangeUpdateDataChartMarkerType(IgbPropertyEditorPropertyDescriptionChangedEventArgs args)
+ {
+ var chart = this.chart;
+ var markerTypeVal = (MarkerType)Enum.Parse(typeof(MarkerType), args.NewValue.ToString());
+ var series = chart.ActualSeries;
+ for (var i = 0; i < series.Count; i++)
+ {
+ var markerSeries = series[i] as IgbMarkerSeries;
+ if (markerSeries != null)
+ {
+ markerSeries.MarkerType = markerTypeVal;
+ }
+ }
+ }
+
+ private CountryDemographicEurope _countryDemographicEurope = null;
+ public CountryDemographicEurope CountryDemographicEurope
+ {
+ get
+ {
+ if (_countryDemographicEurope == null)
+ {
+ _countryDemographicEurope = new CountryDemographicEurope();
+ }
+ return _countryDemographicEurope;
+ }
+ }
+
+ private CountryDemographicAfrican _countryDemographicAfrican = null;
+ public CountryDemographicAfrican CountryDemographicAfrican
+ {
+ get
+ {
+ if (_countryDemographicAfrican == null)
+ {
+ _countryDemographicAfrican = new CountryDemographicAfrican();
+ }
+ return _countryDemographicAfrican;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/samples/charts/data-chart/scatter-marker-options/BlazorClientApp.csproj b/samples/charts/data-chart/scatter-marker-options/BlazorClientApp.csproj
new file mode 100644
index 0000000000..514777d208
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/BlazorClientApp.csproj
@@ -0,0 +1,21 @@
+
+ Population Statistics for Selected Continents
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ An unhandled error has occurred.
+ Reload
+ 🗙
+
+
+
+
+
+
+
diff --git a/samples/charts/data-chart/scatter-point-chart/BlazorClientApp.csproj b/samples/charts/data-chart/scatter-point-chart/BlazorClientApp.csproj
index 514777d208..c5c262d407 100644
--- a/samples/charts/data-chart/scatter-point-chart/BlazorClientApp.csproj
+++ b/samples/charts/data-chart/scatter-point-chart/BlazorClientApp.csproj
@@ -12,7 +12,7 @@