Skip to content
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
14 changes: 7 additions & 7 deletions maui-toolkit/Spark-Charts/customize-datapoints.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,11 @@ Customizing data point colors improves visual clarity by distinguishing key valu

Color of the first, last, high, low, and negative data points can be customized using the following `Brush` type properties.

* `FirstPointFill` - Used to highlight the first point.
* `LastPointFill` - Used to highlight the last point.
* `HighPointFill` - Used to highlight the highest point.
* `LowPointFill` - Used to highlight the lowest point.
* `NegativePointsFill` - Used to highlight the negative points.
* [FirstPointFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_FirstPointFill) - Used to highlight the first point.
* [LastPointFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_LastPointFill) - Used to highlight the last point.
* [HighPointFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_HighPointFill) - Used to highlight the highest point.
* [LowPointFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_LastPointFill) - Used to highlight the lowest point.
* [NegativePointsFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_NegativePointsFill) - Used to highlight the negative points.

{% tabs %}

Expand Down Expand Up @@ -55,7 +55,7 @@ this.Content = sparkchart;

{% endtabs %}

N> `NegativePointsFill` is applicable for `SfSparkColumnChart` and `SfSparkWinLossChart` alone.
N> [NegativePointsFill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_NegativePointsFill) is applicable for [SfSparkColumnChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkColumnChart.html) and [SfSparkWinLossChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkWinLossChart.html) alone.

![Customized data points in MAUI Spark Line Chart](customize_datapoints_images/MAUI_Line_segments.png)

Expand Down Expand Up @@ -99,7 +99,7 @@ this.Content = sparkchart;

## Padding

The `Padding` property represents the distance between an element and its child elements. Padding can be applied in specific direction or in all directions. Padding can be applied for all sparkline types.
The [Padding](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkChart_Padding) property represents the distance between an element and its child elements. Padding can be applied in specific direction or in all directions. Padding can be applied for all sparkline types.

{% tabs %}

Expand Down
6 changes: 3 additions & 3 deletions maui-toolkit/Spark-Charts/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ using Syncfusion.Maui.Toolkit.Hosting;
## Step 4: Add .NET MAUI Spark Charts

1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SparkCharts` namespace into your code.
2. Initialize an instance of the `SfSparkLineChart` control.
2. Initialize an instance of the [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html) control.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -160,7 +160,7 @@ using Syncfusion.Maui.Toolkit.Hosting;
## Step 4: Add .NET MAUI Spark Charts

1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SparkCharts` namespace.
2. Initialize `SfSparkLineChart`.
2. Initialize [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html).

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -251,7 +251,7 @@ using Syncfusion.Maui.Toolkit.Hosting;
## Step 4: Add .NET MAUI Spark Charts

1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SparkCharts` namespace.
2. Initialize `SfSparkLineChart`.
2. Initialize [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html).

{% tabs %}
{% highlight xaml %}
Expand Down
18 changes: 9 additions & 9 deletions maui-toolkit/Spark-Charts/markers.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Markers in .NET MAUI Spark Charts

Markers, also known as symbols, are used to indicate or highlight the position of data points in the `SfSparkLineChart` and `SfSparkAreaChart`.
Markers, also known as symbols, are used to indicate or highlight the position of data points in the [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html) and [SfSparkAreaChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkAreaChart.html).

## Enable Marker

To enable markers in the `SfSparkLineChart` and `SfSparkAreaChart`, set the `ShowMarkers` property to `true`. Its default value is `false`.
To enable markers in the [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html) and [SfSparkAreaChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkAreaChart.html), set the [ShowMarkers](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_ShowMarkers) property to `true`. Its default value is `false`.

{% tabs %}

Expand Down Expand Up @@ -46,14 +46,14 @@ this.Content = sparkchart;

## Marker Customization

To change the appearance of markers in the `SfSparkLineChart` and `SfSparkAreaChart`, create an instance of the `MarkerSettings` property. The following properties can be used to customize the marker's appearance.
To change the appearance of markers in the [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html) and [SfSparkAreaChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkAreaChart.html), create an instance of the [MarkerSettings](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html#Syncfusion_Maui_Toolkit_SparkCharts_SfSparkLineChart_MarkerSettings) property. The following properties can be used to customize the marker's appearance.

* `ShapeType`, of type `SparkChartMarkerShape`, describes the shape of the marker. The default value of this property is `SparkChartMarkerShape.Circle`.
* `Stroke`, of type `Brush`, indicates the brush used to paint the marker border.
* `StrokeWidth`, of type `double`, indicates the width of the marker border.
* `Fill`, of type `Brush`, indicates the color of the marker.
* `Width`, of type `double`, indicates the width of the marker.
* `Height`, of type `double`, indicates the height of the marker.
* [ShapeType](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_ShapeType), of type [SparkChartMarkerShape](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerShape.html), describes the shape of the marker. The default value of this property is [SparkChartMarkerShape.Circle](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerShape.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerShape_Circle).
* [Stroke](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_Stroke), of type `Brush`, indicates the brush used to paint the marker border.
* [StrokeWidth](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_StrokeWidth), of type `double`, indicates the width of the marker border.
* [Fill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_Fill), of type `Brush`, indicates the color of the marker.
* [Width](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_Width), of type `double`, indicates the width of the marker.
* [Height](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SparkChartMarkerSettings.html#Syncfusion_Maui_Toolkit_SparkCharts_SparkChartMarkerSettings_Height), of type `double`, indicates the height of the marker.

{% tabs %}

Expand Down
10 changes: 5 additions & 5 deletions maui-toolkit/Spark-Charts/sparkchart-types.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Chart types in .NET MAUI Spark Charts

The `SfSparkChart` control supports four different chart types such as Line, Column, Area, and Win-loss.
The [SfSparkChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkChart.html) control supports four different chart types such as Line, Column, Area, and Win-loss.

## Line Sparkline

The `SfSparkLineChart` chart is used for identifying patterns and trends in the data, such as seasonal effects, large changes, and turning points over a period of time.
The [SfSparkLineChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkLineChart.html) chart is used for identifying patterns and trends in the data, such as seasonal effects, large changes, and turning points over a period of time.

{% tabs %}

Expand Down Expand Up @@ -44,7 +44,7 @@ this.Content = sparkchart;

## Column Sparkline

The `SfSparkColumnChart` uses vertical bars to show the comparison between the different data.
The [SfSparkColumnChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkColumnChart.html) uses vertical bars to show the comparison between the different data.

{% tabs %}

Expand Down Expand Up @@ -74,7 +74,7 @@ this.Content = sparkchart;

## Area Sparkline

The `SfSparkAreaChart` is used to emphasize a change in values. This is primarily used when the magnitude of the trend is to be communicated rather than individual data values.
The [SfSparkAreaChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkAreaChart.html) is used to emphasize a change in values. This is primarily used when the magnitude of the trend is to be communicated rather than individual data values.

{% tabs %}

Expand Down Expand Up @@ -105,7 +105,7 @@ this.Content = sparkchart;

## WinLoss Sparkline

The `SfSparkWinLossChart` is used to show whether each value is positive or negative visualizing a Win/Loss scenario.
The [SfSparkWinLossChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SparkCharts.SfSparkWinLossChart.html) is used to show whether each value is positive or negative visualizing a Win/Loss scenario.

{% tabs %}

Expand Down
10 changes: 5 additions & 5 deletions maui-toolkit/SunburstChart/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Appearance in .NET MAUI Sunburst Chart

The appearance of the `SfSunburstChart` can be customized using properties such as Angle, Radius, Inner radius, and Stroke, which allow you to enhance the visual presentation of your application.
The appearance of the [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html) can be customized using properties such as Angle, Radius, Inner radius, and Stroke, which allow you to enhance the visual presentation of your application.

## Angle

The start angle and end angle of the sunburst chart can be adjusted by using the `StartAngle` and `EndAngle` properties.
The start angle and end angle of the sunburst chart can be adjusted by using the [StartAngle](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_StartAngle) and [EndAngle](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_EndAngle) properties.

{% tabs %}

Expand Down Expand Up @@ -46,7 +46,7 @@ this.Content = sunburst;

## Radius

The sunburst chart allows you to customize the radius by using the `Radius` property. The default value of this property is 0.9, and the value ranges from 0 to 1.
The sunburst chart allows you to customize the radius by using the [Radius](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_Radius) property. The default value of this property is 0.9, and the value ranges from 0 to 1.

{% tabs %}

Expand Down Expand Up @@ -77,7 +77,7 @@ this.Content = sunburst;

## Inner radius

The sunburst chart allows you to customize the inner radius using the `InnerRadius` property. The default value of this property is 0.25, and the value ranges from 0 to 1.
The sunburst chart allows you to customize the inner radius using the [InnerRadius](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_InnerRadius) property. The default value of this property is 0.25, and the value ranges from 0 to 1.

{% tabs %}

Expand Down Expand Up @@ -108,7 +108,7 @@ this.Content = sunburst;

## Stroke

Stroke color and stroke width of the sunburst chart can be customized using the `Stroke` and `StrokeWidth` properties respectively.
Stroke color and stroke width of the sunburst chart can be customized using the [Stroke](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_Stroke) and [StrokeWidth](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_StrokeWidth) properties respectively.

{% tabs %}

Expand Down
4 changes: 2 additions & 2 deletions maui-toolkit/SunburstChart/CenterView.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Center View in .NET MAUI Sunburst Chart

Any view can be added to the center of the sunburst chart using the `CenterView` property of `SfSunburstChart`. The view placed in the center of the chart is useful for sharing additional information about the sunburst chart. The binding context of the CenterView will be the SfSunburstChart class.
Any view can be added to the center of the sunburst chart using the [CenterView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_CenterView) property of [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html). The view placed in the center of the chart is useful for sharing additional information about the sunburst chart. The binding context of the CenterView will be the SfSunburstChart class.

## CenterHoleSize

The `CenterHoleSize` property of SfSunburstChart is used to get the diameter value of the center hole. Using the CenterHoleSize, we can prevent the view in the sunburst chart center from overlapping with the segments.
The [CenterHoleSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_CenterHoleSize) property of SfSunburstChart is used to get the diameter value of the center hole. Using the CenterHoleSize, we can prevent the view in the sunburst chart center from overlapping with the segments.

{% tabs %}

Expand Down
Loading