Changes

To display the Chart itself and to use the resources defined above, an extended Chart control is required with bindings to the Primary and Secondary Axis Template Selectors, Series, and Thresholds [[Charts#ChartData|ChartData]] properties. Additionally, Series and StripLines templates are needed. They can be added to the chart control using fitting Syncfusion components with related [[Charts#Chart_properties|Chart properties]] as bindings, as defined in the example below. For more information and examples, please refer to the [https://help.syncfusion.com/maui/cartesian-charts/overview Syncfusion Maui Charts documentation] or [https://help.syncfusion.com/xamarin/charts/overview Syncfusion Xamarin Charts documentation].

Mobile(Xamarin)xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts"xmlns:controls="clr-namespace:UBIK.MAUI.Controls;assembly=UBIK.MAUI"<controls:SfChartExt x:Name="Chart" PrimaryAxisTemplateSelector="{StaticResource PrimaryAxisTemplateSelector}" SecondaryAxisTemplateSelector="{StaticResource SecondaryAxisTemplateSelector}" SeriesSource="{Binding Series}" StripLinesSource="{Binding Thresholds}"> <chart:SfCartesianChart.Title> <Label Text="{Binding Header}" HorizontalOptions="Center" /> </chart:SfCartesianChart.Title> <controls:SfChartExt.StripLinesTemplate> <DataTemplate> <chart:NumericalPlotBand Size="2" Stroke="{Binding Color, Converter={StaticResource IntToColor}}" StrokeWidth="5" Start="{Binding Value}" End="{Binding Value}" /> </DataTemplate> </controls:SfChartExt.StripLinesTemplate> <controls:SfChartExt.SeriesTemplate> <DataTemplate> <chart:FastLineSeries ItemsSource="{Binding Items}" Label="{Binding Name}" Fill="{Binding Color, Converter={StaticResource IntToColor}}" StrokeWidth="3" XBindingPath="XValue" YBindingPath="YValue" EnableAntiAliasing="True" /> </DataTemplate> </controls:SfChartExt.SeriesTemplate> <chart:SfCartesianChart.Legend> <chart:ChartLegend /> </chart:SfCartesianChart.Legend> <chart:SfCartesianChart.ZoomPanBehavior> <chart:ChartZoomPanBehavior /> </chart:SfCartesianChart.ZoomPanBehavior></controls:SfChartExt></source></tab>