You can choose which element of the Sunburst chart should be selected when the user clicks on any region in Sunburst chart by setting the SelectionMode property. The three different options provided are as follows:
When the SelectionMode is set to Point, you can change the position of the selected sunburst slice by setting the SelectedItemPosition property. Also, you can set the SelectedItemOffset property to move the selected sunburst slice away from the center.
The image below show how the Sunburst chart appears after you set the SelectionMode property.
The following code example demonstrates how to set the SelectionMode property. This example uses the sample created in the Quick Start topic.
Razor |
Copy Code
|
---|---|
<c1-sunburst binding-name="Year, Quarter, Month" binding="Value" selection-mode="Point" selected-item-position="Top" selected-item-offset="0.1f"> <c1-items-source source-collection="Model"></c1-items-source> <c1-flex-pie-datalabel content="{name}:{value}" position="Center"> </c1-flex-pie-datalabel> </c1-sunburst> |