Skip to content

Commit d7404c0

Browse files
Commit
1 parent 058a32f commit d7404c0

File tree

3 files changed

+42
-8
lines changed

3 files changed

+42
-8
lines changed

MAUI/Cartesian-Charts/Getting-Started.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,10 @@ keywords: .net maui cartesian chart, .net maui charting, cartesian chart maui, s
1414

1515
This section explains how to populate the Cartesian chart with data, a title, data labels, a legend, and tooltips, as well as the essential aspects for getting started with the chart.
1616

17+
To get start quickly with our [.NET MAUI Cartesian Chart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html), you can check the below video.
18+
19+
{% youtube "https://www.youtube.com/watch?v=o616GkzdPJk&t=7s" %}
20+
1721
{% tabcontents %}
1822
{% tabcontent Visual Studio %}
1923

MAUI/DockLayout/getting-started-docklayout.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,6 @@ keywords: .net maui docklayout, syncfusion docklayout maui, dock layout .net mau
1212

1313
This guide details the initial setup and basic usage of the [SfDockLayout](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfDockLayout.html) control, offering insight into the layout's capability to arrange views using different docking positions such as top, bottom, left, right, and none.
1414

15-
To get start quickly with our [.NET MAUI DockLayout](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfDockLayout.html), you can check the below video.
16-
17-
{% youtube "https://www.youtube.com/watch?v=g2NU8b_9aAg" %}
18-
1915
{% tabcontents %}
2016
{% tabcontent Visual Studio %}
2117

MAUI/SunburstChart/Selection.md

Lines changed: 38 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,18 @@ documentation: ug
88
---
99
# Selection in .NET MAUI Sunburst Chart
1010

11-
The sunburst chart provides support to select or highlight the segments.
11+
The sunburst chart provides ssupports selecting and highlighting segments. Selection is triggered by a tap gesture on a segment, enabling users to interact with hierarchical data.
1212

1313
## Type
1414

15-
The SelectionType property allows you to select a segment based on the following categories:
15+
The `Type` property in allows you to select a segment based on the following categories:
1616
* Child: Highlights the selected segment along with its children in all levels.
1717
* Group: Highlights the entire group of the selected segment in a hierarchy.
1818
* Parent: Highlights the parent of the selected segment in the hierarchy.
1919
* Single: Highlights the selected segment alone.
2020

21+
The default value of the `Type` property is `Single`.
22+
2123
The following code shows the `Child` selection type.
2224

2325
{% tabs %}
@@ -108,6 +110,36 @@ this.Content = sunburst;
108110

109111
{% endtabs %}
110112

113+
The following code shows the `Single` selection type.
114+
115+
{% tabs %}
116+
117+
{% highlight xaml %}
118+
119+
<chart:SfSunburstChart>
120+
. . .
121+
<chart:SfSunburstChart.SelectionSettings>
122+
<chart:SunburstSelectionSettings Type="Single"/>
123+
</chart:SfSunburstChart.SelectionSettings>
124+
</chart:SfSunburstChart>
125+
126+
{% endhighlight %}
127+
128+
{% highlight c# %}
129+
130+
SfSunburstChart sunburstChart = new SfSunburstChart();
131+
. . .
132+
SunburstSelectionSettings selectionSettings = new SunburstSelectionSettings
133+
{
134+
Type = SunburstSelectionType.Single
135+
};
136+
sunburstChart.SelectionSettings = selectionSettings;
137+
this.Content = sunburst;
138+
139+
{% endhighlight %}
140+
141+
{% endtabs %}
142+
111143
## DisplayMode
112144

113145
The `DisplayMode` property provides the following selection options to highlight the segments:
@@ -116,9 +148,11 @@ The `DisplayMode` property provides the following selection options to highlight
116148
* By opacity
117149
* By stroke
118150

151+
The default value of `DisplayMode` is `HighlightByBrush`.
152+
119153
### Brush
120154

121-
This mode highlights the selected segment using the brush specified in the `Fill` property.
155+
This mode highlights the selected segment using the brush defined in the `Fill` property of the `SunburstSelectionSettings`.
122156

123157
{% tabs %}
124158

@@ -152,7 +186,7 @@ this.Content = sunburst;
152186

153187
### Opacity
154188

155-
This mode highlights the selected segment with the opacity specified in the `Opacity` property.
189+
This mode highlights the selected segment with full opacity as 1, while unselected segments use the opacity value defined in the `Opacity` property.
156190

157191
{% tabs %}
158192

0 commit comments

Comments
 (0)