Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions maui/samples/Gallery/SampleList/CartesianChartSamplesList.xml
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
</CardLayout>
</SubCategory>

<Sample Title="Fast Scatter" StatusTag="New" SampleName="FastScatterChart" SearchTags="scatter, scatter chart, scatter plot, fast scatter, fast scatter chart, fast scatter plot, high performance chart"/>
<Sample Title="Fast Scatter" SampleName="FastScatterChart" SearchTags="scatter, scatter chart, scatter plot, fast scatter, fast scatter chart, fast scatter plot, high performance chart"/>

<SubCategory Title="Spline">
<CardLayout>
Expand Down Expand Up @@ -166,14 +166,15 @@
<Sample Title="Category" SampleName="CategoryAxisChart" SearchTags="string, name, category, axis"/>
<Sample Title="Numerical" SampleName="NumericalAxisChart" SearchTags="numeric, axis"/>
<Sample Title="Logarithm" SampleName="LogarithmicAxisChart" SearchTags="logarithmic, axis"/>
<Sample Title="Date Time" SampleName="DateTimeAxisChart" SearchTags="date, axis"/>
<Sample Title="Date Time" SampleName="DateTimeAxisChart" SearchTags="date, axis"/>
<Sample Title="Date time category" SampleName="DateTimeCategoryAxis" SearchTags="date, category, axis" StatusTag="New" Description="This sample demonstrates a comparison of sales revenue using a date-time category axis."/>
<Sample Title="Axis crossing" SampleName="AxisCrossing" SearchTags="axis, crossing" />
</Category>


<Sample Title="Annotation" SampleName="ShapeAnnotationSample" Description="This sample showcases the shape annotation support, which includes line, horizontal line, vertical line, rectangle, and ellipse." SearchTags="annotation, chart annotation"/>

<Sample Title="Empty Points" StatusTag="New" SampleName="EmptyPointSupport" SearchTags="empty points, missing data points, missing values, incomplete data, data gaps, incomplete records, blank entries"/>
<Sample Title="Empty Points" SampleName="EmptyPointSupport" SearchTags="empty points, missing data points, missing values, incomplete data, data gaps, incomplete records, blank entries"/>

<Category Title="Plot band">
<Sample Title="Horizontal" SampleName="HorizontalPlotBand" Platforms="Android,iOS" SearchTags="horizontal plot, band, plotband"/>
Expand Down
9 changes: 7 additions & 2 deletions maui/samples/Gallery/SampleList/CircularChartSamplesList.xml
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8" ?>
<SyncfusionControls>
<ControlCategory Name="Data Visualization">
<Control Title="Circular Charts" ControlName="SfCircularChart" Image="circularchart.png" Description="Visualize the data using pie, doughnut and radial bar series.">
<Control Title="Circular Charts" ControlName="SfCircularChart" StatusTag="Updated" Image="circularchart.png" Description="Visualize the data using pie, doughnut and radial bar series.">
<Category Title="Type">

<SubCategory Title="Pie">
Expand All @@ -12,12 +12,17 @@
<Sample SearchTags="smart datalabels" Name="SmartDataLabelsChart" Platforms="Windows,Android,iOS" SampleName="SmartDataLabels" Title="Smart data labels"/>
</CardLayout>
</SubCategory>
<SubCategory Title="Doughnut">
<SubCategory Title="Doughnut" StatusTag="New">
<CardLayout>
<Sample SearchTags="Doughnut" Name="DoughnutChart" SampleName="DoughnutChart" Title="Default doughnut"/>
<Sample SearchTags="SemiDoughnut" Name="SemiDoughnutChart" SampleName="SemiDoughnutChart" Title="Semi-doughnut chart" Description="This sample shows how to create a semi-doughnut using start and end angles."/>
<Sample SearchTags="GroupToDoughnt" Name="GroupToDoughnt" SampleName="GroupToDoughnutChart" Title="Grouping"/>
<!--<Sample SearchTags="CenterElevation" Name="CenterElevation" SampleName="CenterElevation" Title="Center elevation"/>-->
<Sample SearchTags="CapStyle, Curved Edge, GapRatio, Spacing" StatusTag="New"
Name="DoughnutChartWithCurvedEdge"
SampleName="DoughnutChartWithCurvedEdge"
Title="Curved edge and spacing"
Description="This sample showcases the use of CapStyle and GapRatio in a doughnut chart. CapStyle defines the rounded corners of segment edges, while GapRatio adds spacing between segments."/>
</CardLayout>
</SubCategory>
<SubCategory Title="Radial Bar">
Expand Down
12 changes: 8 additions & 4 deletions maui/samples/Gallery/SampleList/PickerSamplesList.xml
Original file line number Diff line number Diff line change
Expand Up @@ -5,32 +5,36 @@
<Control Title="Picker"
Image="picker.png"
ControlName="SfPicker"
StatusTag="Updated"
Description="A versatile UI element designed for making selections from a set of options.">
<Sample Title="Getting Started" SampleName="GettingStarted"/>
<Sample Title="Getting Started" SampleName="GettingStarted" StatusTag="Updated" WhatsNew="Provided looping support for .NET MAUI Picker control"/>
<Sample Title="Flight booking" SampleName="FlightBooking"/>
</Control>

<Control Title="Date Picker"
Image="datepicker.png"
ControlName="SfDatePicker"
StatusTag="Updated"
Description="A user interface element for selecting specific dates.">
<Sample Title="Getting Started" SampleName="GettingStarted"/>
<Sample Title="Getting Started" SampleName="GettingStarted" StatusTag="Updated" WhatsNew="Provided looping support for .NET MAUI Date picker control."/>
<Sample Title="To-Do" SampleName="Customization"/>
</Control>

<Control Title="Time Picker"
Image="timepicker.png"
ControlName="SfTimePicker"
StatusTag="Updated"
Description="An interface for choosing specific times of day.">
<Sample Title="Getting Started" SampleName="GettingStarted"/>
<Sample Title="Getting Started" SampleName="GettingStarted" StatusTag="Updated" WhatsNew="Provided looping support for .NET MAUI Time picker control."/>
<Sample Title="Alarm" SampleName="Customization"/>
</Control>

<Control Title="Date Time Picker"
Image="datetimepicker.png"
ControlName="SfDateTimePicker"
StatusTag="Updated"
Description="A combined interface to select dates and times.">
<Sample Title="Getting Started" SampleName="GettingStarted"/>
<Sample Title="Getting Started" SampleName="GettingStarted" StatusTag="Updated" WhatsNew="Provided looping support for .NET MAUI Date Time picker control."/>
</Control>

</ControlCategory>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,11 @@
Grid.Column="{OnPlatform Default=0, WinUI=1, MacCatalyst=1}"
VerticalOptions="{OnPlatform Default=Center, WinUI=Center, MacCatalyst=Center}"
WidthRequest="{OnPlatform WinUI=400, MacCatalyst=450, Default=350}"
HeightRequest="{OnPlatform MacCatalyst=700}"
HorizontalOptions="{OnPlatform WinUI=Center, MacCatalyst=Center, Default=Fill}">
<Border.StrokeShape>
<RoundRectangle CornerRadius="10" />
</Border.StrokeShape>
<ScrollView Grid.Row="1" Orientation="Vertical" Padding="0,0,0,10" VerticalScrollBarVisibility="Never" >
<ScrollView Grid.Row="1" Orientation="Vertical" HeightRequest="{OnPlatform MacCatalyst=700}" Padding="0,0,0,10" VerticalScrollBarVisibility="Never" >
<VerticalStackLayout>
<cards:SfCardView x:Name="firstCard" WidthRequest="{OnPlatform Android=330, iOS=330, MacCatalyst=430, Default=380}" HeightRequest="220" Margin="0,10,0,0">
<Grid>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@

<localCore:SampleView.Content>

<chart:SfCartesianChart VerticalOptions="FillAndExpand" Margin="0,0,5,0" x:Name="Chart">
<chart:SfCartesianChart VerticalOptions="Fill" Margin="0,0,5,0" x:Name="Chart">

<chart:SfCartesianChart.XAxes>
<chart:NumericalAxis Minimum="0" Maximum="4">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.ViewAnnotationSample"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:AnnotationViewModel">

<localCore:SampleView.Resources>
<ResourceDictionary>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.AreaChart"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:AreaSeriesViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.AreaChart_DynamicUpdate"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:DynamicAnimationViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ public AreaSeriesViewModel()
new ChartDataModel("2012", 3.126, 2.69, 2.44, 2.16),
new ChartDataModel("2013", 3.34, 3.01, 2.77, 2.51),
new ChartDataModel("2014", 3.58, 3.22, 2.91, 2.61),
];
];
}
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.AxisCrossing"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:NumericalAxisViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.CategoryAxisChart"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:CategoryAxisViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.DateTimeAxisChart"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit">
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:DateTimeAxisViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<?xml version="1.0" encoding="utf-8" ?>
<localCore:SampleView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart.DateTimeCategoryAxis"
xmlns:local="clr-namespace:Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart"
xmlns:localCore="clr-namespace:Syncfusion.Maui.ControlsGallery;assembly=Syncfusion.Maui.ControlsGallery"
xmlns:chart="clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit"
x:DataType="local:DateTimeCategoryAxisViewModel">
<localCore:SampleView.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<local:CartesianChartColorResources/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</localCore:SampleView.Resources>

<localCore:SampleView.Content>
<chart:SfCartesianChart x:Name="dateTimeChart" HorizontalOptions="Fill" VerticalOptions="Fill">

<chart:SfCartesianChart.BindingContext>
<local:DateTimeCategoryAxisViewModel/>
</chart:SfCartesianChart.BindingContext>

<chart:SfCartesianChart.Resources>
<local:TooltipValuesConverter x:Key="valueConverter"/>
<ResourceDictionary>
<DataTemplate x:Key="template">
<StackLayout>
<StackLayout x:DataType="chart:TooltipInfo" Orientation="Horizontal" VerticalOptions="Fill" Spacing="0" Padding="0" Margin="0">
<Label Text="{Binding Item,Converter={StaticResource valueConverter},ConverterParameter='Date',StringFormat='{0:MMM-d}'}" TextColor="{AppThemeBinding Default={StaticResource ContentBackground}}" VerticalTextAlignment="Center" HorizontalOptions="Start" FontAttributes="Bold" FontSize="14" Margin="2,0,2,0" />
<Label Text="{Binding Item,Converter={StaticResource valueConverter},ConverterParameter='Value',StringFormat=' : {0}M'}" TextColor="{AppThemeBinding Default={StaticResource ContentBackground}}" VerticalTextAlignment="Center" HorizontalOptions="End" FontAttributes="Bold" Margin="0,0,3,0" FontSize="14" />
</StackLayout>
</StackLayout>
</DataTemplate>
</ResourceDictionary>
</chart:SfCartesianChart.Resources>
<chart:SfCartesianChart.Title>
<Label Text="Sales revenue comparison" Margin="0,0,0,5" HorizontalOptions="Fill" HorizontalTextAlignment="Center" VerticalOptions="Center" FontSize="16"/>
</chart:SfCartesianChart.Title>

<chart:SfCartesianChart.XAxes>
<chart:DateTimeCategoryAxis ShowMajorGridLines="False">
<chart:DateTimeCategoryAxis.Title>
<chart:ChartAxisTitle Margin="5,10,5,2" Text="Months">
</chart:ChartAxisTitle>
</chart:DateTimeCategoryAxis.Title>
<chart:DateTimeCategoryAxis.LabelStyle>
<chart:ChartAxisLabelStyle LabelFormat="MMM-dd"/>
</chart:DateTimeCategoryAxis.LabelStyle>
</chart:DateTimeCategoryAxis>
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis Maximum="100" Minimum="10" >
<chart:NumericalAxis.Title>
<chart:ChartAxisTitle Text="Sales rate in millions">
</chart:ChartAxisTitle>
</chart:NumericalAxis.Title>
</chart:NumericalAxis>
</chart:SfCartesianChart.YAxes>

<chart:ColumnSeries EnableAnimation="{Binding EnableAnimation}" TooltipTemplate="{StaticResource template}" PaletteBrushes="{Binding ChartColors}"
ItemsSource="{Binding SalesRevenue}" CornerRadius="5"
XBindingPath="Date" EnableTooltip="True"
YBindingPath="Value"/>

</chart:SfCartesianChart>
</localCore:SampleView.Content>
</localCore:SampleView>
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
namespace Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart;

public partial class DateTimeCategoryAxis : SampleView
{
public DateTimeCategoryAxis()
{
InitializeComponent();
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@

using System.Collections.ObjectModel;

namespace Syncfusion.Maui.ControlsGallery.CartesianChart.SfCartesianChart
{
public partial class DateTimeCategoryAxisViewModel : BaseViewModel
{
public ObservableCollection<ChartDataModel> SalesRevenue { get; set; }
public ObservableCollection<Brush> ChartColors { get; set; }
public DateTimeCategoryAxisViewModel()
{
SalesRevenue =
[
new ChartDataModel() { Date = new DateTime(2017, 12, 24), Value = 40 },
new ChartDataModel() { Date = new DateTime(2017, 12, 25), Value = 60 },
new ChartDataModel() { Date = new DateTime(2017, 12, 31), Value = 57 },
new ChartDataModel() { Date = new DateTime(2018, 01, 01), Value = 64 },
new ChartDataModel() { Date = new DateTime(2018, 01, 02), Value = 60 },
new ChartDataModel() { Date = new DateTime(2018, 01, 14), Value = 50 },
];

ChartColors =
[
new SolidColorBrush(Color.FromArgb("#95DB9C")),
new SolidColorBrush(Color.FromArgb("#B95375")),
new SolidColorBrush(Color.FromArgb("#56BBAF")),
new SolidColorBrush(Color.FromArgb("#606D7F")),
new SolidColorBrush(Color.FromArgb("#E99941")),
new SolidColorBrush(Color.FromArgb("#327DBE")),
];
}
}
}
Loading