+
+
+
+@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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+