Skip to content

Add YouTube video link for Multiple Axes in .NET MAUI Toolkit Cartesian Chart UG #288

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: development
Choose a base branch
from
Open
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
4 changes: 4 additions & 0 deletions maui-toolkit/Cartesian-Charts/Annotation.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,10 @@ keywords: .net maui chart annotations, .net maui annotations customization, sync
* Shape annotation
* View annotation

To learn how to add and customize annotations in .NET MAUI Cartesian Charts quickly, you can check the below video.

{% youtube "https://youtu.be/v1u774lp9pQ" %}

## Adding Annotations

To add annotations, create an instance of any type of annotation and add it to the [Annotations](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SfCartesianChart.html#Syncfusion_Maui_Toolkit_Charts_SfCartesianChart_Annotations) collection. For example, the [EllipseAnnotation](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.EllipseAnnotation.html) can be added.
Expand Down
4 changes: 4 additions & 0 deletions maui-toolkit/Cartesian-Charts/Axis/Types.md
Original file line number Diff line number Diff line change
Expand Up @@ -697,6 +697,10 @@ this.Content = chart;

In the above image, the [ColumnSeries](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.ColumnSeries.html) is plotted based on additional axes of [YAxes](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SfCartesianChart.html#Syncfusion_Maui_Toolkit_Charts_SfCartesianChart_YAxes) collection, and [SplineSeries](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SplineSeries.html) is plotted based on axis of the collection's 0th index.

To learn how to add and customize the multiple axes in .NET MAUI Cartesian Charts quickly, you can check the below video.

{% youtube "https://youtu.be/Mvno-lDRpxU" %}

## Axis Crossing

The chart allows you to customize the origin, by default the axis will be rendered with (0,0) as the origin in x and y-axes. An axis can be positioned anywhere in the chart area by using the [CrossesAt](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.ChartAxis.html#Syncfusion_Maui_Toolkit_Charts_ChartAxis_CrossesAt) property. This property specifies where the horizontal axis intersects or crosses the vertical axis, and vice versa. The default value of the CrossesAt property is `double.NaN`.
Expand Down
4 changes: 4 additions & 0 deletions maui-toolkit/Cartesian-Charts/DataLabels.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@ Each data label can be represented by the following:
* Label - displays the segment label content at the (X, Y) point.
* Connector line - used to connect the (X, Y) point and the label element.

To learn how to customize the data labels in .NET MAUI Cartesian Charts quickly, you can check the below video.

{% youtube " https://youtu.be/tDwQ7h9jwWk" %}

## Enable Data Labels

The [ShowDataLabels](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.ChartSeries.html#Syncfusion_Maui_Toolkit_Charts_ChartSeries_ShowDataLabels) property of series is used to enable the data labels.
Expand Down
4 changes: 4 additions & 0 deletions maui-toolkit/Cartesian-Charts/Tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@ keywords: .net maui chart tooltip, maui chart tooltip, .net maui chart tooltip c

Tooltip is used to display any information or metadata of the tapped segment. The Cartesian chart provides tooltip support for all series.

To learn how to customize the tooltips in .NET MAUI Cartesian Charts quickly, you can check the below video.

{% youtube "https://youtu.be/tDwQ7h9jwWk" %}

## Define Tooltip

To define the tooltip in the series, set the [EnableTooltip](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.ChartSeries.html#Syncfusion_Maui_Toolkit_Charts_ChartSeries_EnableTooltip) property to true. The default value of [EnableTooltip](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.ChartSeries.html#Syncfusion_Maui_Toolkit_Charts_ChartSeries_EnableTooltip) property is `false`.
Expand Down
4 changes: 4 additions & 0 deletions maui-toolkit/Polar-Charts/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@ Before proceeding, ensure that the following are set up:
1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later).

To get start quickly with our .NET MAUI Polar Chart, you can check the below video.

{% youtube "https://youtu.be/Ga9mytwCo_s" %}

## Step 1: Create a new .NET MAUI project

1. Go to **File > New > Project** and choose the **.NET MAUI App** template.
Expand Down