diff --git a/maui-toolkit/Spark-Charts/customize-datapoints.md b/maui-toolkit/Spark-Charts/customize-datapoints.md index ef8a0f52..e73b6ce2 100644 --- a/maui-toolkit/Spark-Charts/customize-datapoints.md +++ b/maui-toolkit/Spark-Charts/customize-datapoints.md @@ -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 %} @@ -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) @@ -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 %} diff --git a/maui-toolkit/Spark-Charts/getting-started.md b/maui-toolkit/Spark-Charts/getting-started.md index 8c1d6554..95eb537b 100644 --- a/maui-toolkit/Spark-Charts/getting-started.md +++ b/maui-toolkit/Spark-Charts/getting-started.md @@ -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 %} @@ -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 %} @@ -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 %} diff --git a/maui-toolkit/Spark-Charts/markers.md b/maui-toolkit/Spark-Charts/markers.md index 4df0f4fe..015e6b19 100644 --- a/maui-toolkit/Spark-Charts/markers.md +++ b/maui-toolkit/Spark-Charts/markers.md @@ -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 %} @@ -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 %} diff --git a/maui-toolkit/Spark-Charts/sparkchart-types.md b/maui-toolkit/Spark-Charts/sparkchart-types.md index 60bc4395..f939ee05 100644 --- a/maui-toolkit/Spark-Charts/sparkchart-types.md +++ b/maui-toolkit/Spark-Charts/sparkchart-types.md @@ -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 %} @@ -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 %} @@ -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 %} @@ -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 %} diff --git a/maui-toolkit/SunburstChart/Appearance.md b/maui-toolkit/SunburstChart/Appearance.md index be627175..89463d5c 100644 --- a/maui-toolkit/SunburstChart/Appearance.md +++ b/maui-toolkit/SunburstChart/Appearance.md @@ -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 %} @@ -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 %} @@ -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 %} @@ -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 %} diff --git a/maui-toolkit/SunburstChart/CenterView.md b/maui-toolkit/SunburstChart/CenterView.md index 03475ade..c6ecb865 100644 --- a/maui-toolkit/SunburstChart/CenterView.md +++ b/maui-toolkit/SunburstChart/CenterView.md @@ -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 %} diff --git a/maui-toolkit/SunburstChart/DataLabels.md b/maui-toolkit/SunburstChart/DataLabels.md index 3ee52ef1..58096d40 100644 --- a/maui-toolkit/SunburstChart/DataLabels.md +++ b/maui-toolkit/SunburstChart/DataLabels.md @@ -11,7 +11,7 @@ documentation: ug Data labels are used to display information about segments at the (X, Y) point. ## Enable Data Label -Data labels are enabled and disabled using the `ShowLabels` property. The default value of the ShowLabels property is `False`. +Data labels are enabled and disabled using the [ShowLabels](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_ShowLabels) property. The default value of the ShowLabels property is `False`. The following code explains how to initialize data labels. @@ -38,7 +38,7 @@ this.Content = sunburst; ## OverFlowMode -When the data labels are large in text size, they will overlap each other. To avoid overlapping, trim or hide the data labels using the `OverFlowMode` property. By default, the OverFlowMode is `Trim`. +When the data labels are large in text size, they will overlap each other. To avoid overlapping, trim or hide the data labels using the [OverFlowMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_OverFlowMode) property. By default, the OverFlowMode is [Trim](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstLabelOverflowMode.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstLabelOverflowMode_Trim). The following code shows how to hide the data labels. @@ -74,7 +74,7 @@ this.Content = sunburst; ## Rotation Mode -The view of data labels can be customized using the `RotationMode` property. Data labels can be rotated to an angle for better readability. By default, the rotation mode is `Angle`. +The view of data labels can be customized using the [RotationMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_RotationMode) property. Data labels can be rotated to an angle for better readability. By default, the rotation mode is [Angle](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstLabelRotationMode.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstLabelRotationMode_Angle). The following code shows normal mode of data labels. @@ -110,12 +110,12 @@ this.Content = sunburst; ## Customization -Data labels can be customized using the `DataLabelSettings` property of the chart. For customizing, you need to create an instance of `SunburstDataLabelSettings` and set it to the `DataLabelSettings` property. The following properties, available in `SunburstDataLabelSettings`, are used to customize the data labels: +Data labels can be customized using the [DataLabelSettings](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_DataLabelSettings) property of the chart. For customizing, you need to create an instance of [SunburstDataLabelSettings](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html) and set it to the [DataLabelSettings]() property. The following properties, available in [SunburstDataLabelSettings](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html), are used to customize the data labels: -* `FontAttributes` of type `FontAttributes`, indicates the font style of the label. -* `FontFamily` of type `string`, indicates the font family for the label. -* `FontSize` of type `float`, indicates the font size. -* `TextColor` of type `Color`, indicates the color of the displayed text. +* [FontAttributes](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_FontAttributes) of type `FontAttributes`, indicates the font style of the label. +* [FontFamily](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_FontFamily) of type `string`, indicates the font family for the label. +* [FontSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_FontSize) of type `float`, indicates the font size. +* [TextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstDataLabelSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstDataLabelSettings_TextColor) of type `Color`, indicates the color of the displayed text. {% tabs %} diff --git a/maui-toolkit/SunburstChart/Getting-Started.md b/maui-toolkit/SunburstChart/Getting-Started.md index dfa8f560..a3ea34db 100644 --- a/maui-toolkit/SunburstChart/Getting-Started.md +++ b/maui-toolkit/SunburstChart/Getting-Started.md @@ -9,7 +9,7 @@ documentation: ug # Getting Started with .NET MAUI Sunburst Chart -This section explains how to populate the sunburst chart with data, a title, data labels, a legend, and a tooltip, as well as the essential aspects of getting started with the `SfSunburstChart`. +This section explains how to populate the sunburst chart with data, a title, data labels, a legend, and a tooltip, as well as the essential aspects of getting started with the [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html). {% tabcontents %} {% tabcontent Visual Studio %} @@ -65,7 +65,7 @@ public static class MauiProgram ## Step 4: Add .NET MAUI Sunburst Chart 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SunburstChart` namespace into your code. -2. Initialize an instance of the `SfSunburstChart` control. +2. Initialize an instance of the [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html) control. {% tabs %} {% highlight xaml %} @@ -159,7 +159,7 @@ public static class MauiProgram ## Step 4: Add .NET MAUI Sunburst Chart 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SunburstChart` namespace into your code. -2. Initialize an instance of the `SfSunburstChart` control. +2. Initialize an instance of the [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html) control. {% tabs %} {% highlight xaml %} @@ -250,7 +250,7 @@ public static class MauiProgram ## Step 4: Add .NET MAUI Sunburst Chart 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.SunburstChart` namespace into your code. -2. Initialize an instance of the `SfSunburstChart` control. +2. Initialize an instance of the [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html) control. {% tabs %} {% highlight XAML %} @@ -388,7 +388,7 @@ this.BindingContext = new SunburstViewModel(); ### Populate Chart with Data Bind `DataSource` to the Sunburst chart `ItemsSource` property from its BindingContext to create your Sunburst chart. -Then, add the `SunburstHierarchicalLevel` to `Levels` collection. Each hierarchy level is formed based on the property specified in the `GroupMemberPath` property, and each arc segment size is calculated using the `ValueMemberPath` property. +Then, add the [SunburstHierarchicalLevel](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstHierarchicalLevel.html) to [Levels](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_Levels) collection. Each hierarchy level is formed based on the property specified in the [GroupMemberPath](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstHierarchicalLevel.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstHierarchicalLevel_GroupMemberPath) property, and each arc segment size is calculated using the [ValueMemberPath](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_ValueMemberPath) property. {% tabs %} @@ -432,7 +432,7 @@ this.Content = sunburst; {% endtabs %} ### Add a Title -The title of the sunburst chart provides quick information to the user about the data being plotted in the chart. The `Title` property is used to set title for the sunburst chart as follows. +The title of the sunburst chart provides quick information to the user about the data being plotted in the chart. The [Title](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_Title) property is used to set title for the sunburst chart as follows. {% tabs %} @@ -463,7 +463,7 @@ this.Content = sunburst; ### Enable the Data Labels -The `ShowLabels` property of the chart can be used to enable data labels to improve the readability of the sunburst chart. The label visibility is set to `False` by default. +The [ShowLabels](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_ShowLabels) property of the chart can be used to enable data labels to improve the readability of the sunburst chart. The label visibility is set to `False` by default. {% tabs %} @@ -488,7 +488,7 @@ this.Content = sunburst; ### Enable a Legend -The legend provides information about the data points displayed in the sunburst chart. The `Legend` property of the chart enables the `SunburstLegend`. +The legend provides information about the data points displayed in the sunburst chart. The [Legend](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_Legend) property of the chart enables the [SunburstLegend](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstLegend.html). {% tabs %} @@ -516,7 +516,7 @@ this.Content = sunburst; ### Enable Tooltip -Tooltips are used to display information about a segment when the mouse hovers over it. Enable the tooltips by setting the chart's `EnableTooltip` property to `True`. +Tooltips are used to display information about a segment when the mouse hovers over it. Enable the tooltips by setting the chart's [EnableTooltip](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_EnableTooltip) property to `True`. {% tabs %} diff --git a/maui-toolkit/SunburstChart/Selection.md b/maui-toolkit/SunburstChart/Selection.md index b635474b..81162169 100644 --- a/maui-toolkit/SunburstChart/Selection.md +++ b/maui-toolkit/SunburstChart/Selection.md @@ -12,15 +12,15 @@ The Sunburst Chart supports segment selection and visual highlighting. Selection ## Type -The `Type` property allows you to select a segment based on the following categories: -* `Child`: Highlights the selected segment along with its children in all levels. -* `Group`: Highlights the entire group of the selected segment in a hierarchy. -* `Parent`: Highlights the parent of the selected segment in the hierarchy. -* `Single`: Highlights the selected segment alone. +The [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_Type) property allows you to select a segment based on the following categories: +* [Child](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Child): Highlights the selected segment along with its children in all levels. +* [Group](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Group): Highlights the entire group of the selected segment in a hierarchy. +* [Parent](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Parent): Highlights the parent of the selected segment in the hierarchy. +* [Single](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Single): Highlights the selected segment alone. -The default value of the `Type` property is `Single`. +The default value of the [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_Type) property is [Single](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Single). -The following code shows the `Child` selection type. +The following code shows the [Child](zhttps://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Child) selection type. {% tabs %} @@ -52,7 +52,7 @@ this.Content = sunburst; ![Child selection in MAUI Sunburst Chart.](Selection_images/maui_selection_type_child.png) -The following code shows the `Group` selection type. +The following code shows the [Group](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Group) selection type. {% tabs %} @@ -84,7 +84,7 @@ this.Content = sunburst; ![Group selection in MAUI Sunburst Chart.](Selection_images/maui_selection_type_group.png) -The following code shows the `Parent` selection type. +The following code shows the [Parent](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Parent) selection type. {% tabs %} @@ -116,7 +116,7 @@ this.Content = sunburst; ![Parent selection in MAUI Sunburst Chart.](Selection_images/maui_selection_type_parent.png) -The following code shows the `Single` selection type. +The following code shows the [Single](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionType.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionType_Single) selection type. {% tabs %} @@ -150,11 +150,11 @@ this.Content = sunburst; ## DisplayMode -The `DisplayMode` property allows segments to be highlighted using brush, opacity, and stroke. The default value of `DisplayMode` is `HighlightByBrush`. +The [DisplayMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_DisplayMode) property allows segments to be highlighted using brush, opacity, and stroke. The default value of [DisplayMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_DisplayMode) is [HighlightByBrush](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionDisplayMode.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionDisplayMode_HighlightByBrush). ### Brush -This mode highlights the selected segment using the brush defined in the `Fill` property of the `SunburstSelectionSettings`. +This mode highlights the selected segment using the brush defined in the [Fill](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_Fill) property of the [SunburstSelectionSettings](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html). {% tabs %} @@ -190,7 +190,7 @@ this.Content = sunburst; ### Opacity -This mode highlights the selected segment with full opacity as 1, while unselected segments use the opacity value defined in the `Opacity` property. +This mode highlights the selected segment with full opacity as 1, while unselected segments use the opacity value defined in the [Opacity](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_Opacity) property. {% tabs %} @@ -226,7 +226,7 @@ this.Content = sunburst; ### Stroke -This mode highlights the selected segment by applying stroke to it. The color and thickness of the stroke can be customized using the `Stroke` and `StrokeWidth` properties. +This mode highlights the selected segment by applying stroke to it. The color and thickness of the stroke can be customized using the [Stroke](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_Stroke) and [StrokeWidth](Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionSettings_StrokeWidth) properties. {% tabs %} @@ -265,18 +265,18 @@ this.Content = sunburst; ### SelectionChanging -The `SelectionChanging` event is triggered when a segment is about to be selected. +The [SelectionChanging](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangingEventArgs.html) event is triggered when a segment is about to be selected. This is a cancelable event. The following properties are contained in the event arguments: -* `NewSegment`: Gets the new segment that was selected. -* `OldSegment`: Gets the old segment that was selected or deselected. -* `Cancel` - Gets or sets a value indicating whether to proceed with the selection. +* [NewSegment](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangingEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangingEventArgs_NewSegment): Gets the new segment that was selected. +* [OldSegment](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangingEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangingEventArgs_OldSegment): Gets the old segment that was selected or deselected. +* [Cancel](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangingEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangingEventArgs_Cancel) - Gets or sets a value indicating whether to proceed with the selection. ### Selection Changed -The `SelectionChanged` event occurs after a segment is selected or deselected. The following properties are contained in the event arguments: +The [SelectionChanged](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangedEventArgs.html) event occurs after a segment is selected or deselected. The following properties are contained in the event arguments: -* `IsSelected`: Indicates whether a segment is selected. -* `NewSegment`: Gets the new segment that was selected. -* `OldSegment`: Gets the old segment that was selected or deselected. +* [IsSelected](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangedEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangedEventArgs_IsSelected): Indicates whether a segment is selected. +* [NewSegment](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangedEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangedEventArgs_NewSegment): Gets the new segment that was selected. +* [OldSegment](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstSelectionChangedEventArgs.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstSelectionChangedEventArgs_OldSegment): Gets the old segment that was selected or deselected. diff --git a/maui-toolkit/SunburstChart/Tooltip.md b/maui-toolkit/SunburstChart/Tooltip.md index c3203e9e..3e5b9903 100644 --- a/maui-toolkit/SunburstChart/Tooltip.md +++ b/maui-toolkit/SunburstChart/Tooltip.md @@ -13,7 +13,7 @@ Tooltips provide additional information about segments in the sunburst chart. A ## Enable Tooltip -To enable tooltips in the chart, set the `EnableTooltip` property of `SfSunburstChart` to true. The default value of the EnableTooltip property is `False`. +To enable tooltips in the chart, set the [EnableTooltip](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_EnableTooltip) property of [SfSunburstChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html) to true. The default value of the EnableTooltip property is `False`. {% tabs %} @@ -42,13 +42,13 @@ this.Content = sunburst; The appearance of the tooltip can be customized using the following properties: -* `Background` of type `Brush`, specifies the background color of the tooltip. -* `FontAttributes` of type `FontAttributes`, specifies the font style of the tooltip text. -* `FontFamily` of type `string`, specifies the font family for the tooltip text. -* `FontSize` of type `float`, specifies the font size of the tooltip text. -* `Duration` of type `int`, specifies how long the tooltip should be displayed (in milliseconds). -* `Margin` of type `Thickness`, specifies the margin around the tooltip content. -* `TextColor` of type `Color`, specifies the color of the tooltip text. +* [Background](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_Background) of type `Brush`, specifies the background color of the tooltip. +* [FontAttributes](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_FontAttributes) of type `FontAttributes`, specifies the font style of the tooltip text. +* [FontFamily](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_FontFamily) of type `string`, specifies the font family for the tooltip text. +* [FontSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_FontSize) of type `float`, specifies the font size of the tooltip text. +* [Duration](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_Duration) of type `int`, specifies how long the tooltip should be displayed (in milliseconds). +* [Margin](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_Margin) of type `Thickness`, specifies the margin around the tooltip content. +* [TextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SunburstTooltipSettings.html#Syncfusion_Maui_Toolkit_SunburstChart_SunburstTooltipSettings_TextColor) of type `Color`, specifies the color of the tooltip text. {% tabs %} @@ -91,7 +91,7 @@ this.Content = sunburst; ## Custom Template -The sunburst chart provides support for customizing the appearance of the tooltip by using the `TooltipTemplate` property. +The sunburst chart provides support for customizing the appearance of the tooltip by using the [TooltipTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_Toolkit_SunburstChart_SfSunburstChart_TooltipTemplate) property. {% tabs %}