Skip to content

Commit f9cd1c0

Browse files
Updated README.md
1 parent 63bbce0 commit f9cd1c0

File tree

1 file changed

+13
-2
lines changed

1 file changed

+13
-2
lines changed

README.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
1+
# How to display more data in the tooltip in MAUI Circular Chart
2+
13
The [.NET MAUI SfCircularChart](https://www.syncfusion.com/maui-controls/maui-circular-charts) allows you to display additional data in the tooltip by customizing the tooltip content through the [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate) property. This enables you to present more detailed information in the tooltip, enhancing the user experience when interacting with chart segments.
24

35
**Step 1: Define the DataTemplate for the Tooltip**
46

57
The [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate) property is used to specify a custom template for the tooltip. In this case, the TooltipTemplate displays more data, such as the category name, amount, and percentage. By default, it displays the corresponding Y-axis value of the segment.
68

9+
The binding context for [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate) is [TooltipInfo](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.TooltipInfo.html), which provides the necessary data for the labels.
10+
711
The following code demonstrates how to define a DataTemplate for the tooltip:
812

913
**[XAML]**
@@ -57,6 +61,13 @@ Now, apply the custom tooltip template to the [PieSeries](https://help.syncfusio
5761
By following these steps, you can display more data, such as category names, amounts, and percentages, in the chart's tooltip.
5862

5963
**Output**
60-
61-
![TooltipTemplate.gif](https://support.syncfusion.com/kb/agent/attachment/article/18806/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjM0OTI3Iiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.PamRkGShwxqli08DFPKvhuaBgboBWsLAZsHs3LF18MY)
64+
65+
![TooltipTemplate.gif](https://support.syncfusion.com/kb/agent/attachment/article/18806/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjM1MDQ1Iiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.XFo2HjGuvVe5H72fFM38c8YWp333LjCT5SyMHoaxNlU)
66+
67+
**Troubleshooting**
68+
69+
Path too long exception
70+
71+
If you are facing a path too long exception when building this example project, close Visual Studio and rename the repository to a shorter name before building the project.
6272

73+
For more details, refer to the KB on [How to display more data in the tooltip in MAUI Chart (SfCircularChart)]().

0 commit comments

Comments
 (0)