Skip to content

Commit 7c344be

Browse files
Update README.md
1 parent 57f9f3c commit 7c344be

File tree

1 file changed

+12
-14
lines changed

1 file changed

+12
-14
lines changed

README.md

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,28 @@
1-
# Creating a .NET MAUI Doughnut Chart with Drill Down for Workforce Distribution Across Industries
2-
This sample shows how to create a [.MAUI Doughnut Chart](https://www.syncfusion.com/maui-controls/maui-circular-charts/chart-types/maui-doughnut-chart) with drill-down functionality to visualize workforce distribution across various industries.
1+
# Creating a .NET MAUI Drill-Down Chart to Display Workforce Distribution by Industry in the U.S.
2+
This sample shows how to create a MAUI Drill-Down Chart to visualize workforce distribution across various industries in the U.S for 2023.
33

4-
**Drill-down support** in charts provides the capability to explore data at varying levels of detail by interacting with specific chart elements, such as segments in a doughnut chart. This functionality enables navigation from a high-level overview to more detailed data visualizations, enhancing data analysis and presentation.
4+
**Drill-down support**
5+
6+
Drill-down support in charts allows users to explore data at different levels of detail by interacting with specific chart elements, such as segments in a bar chart. This functionality facilitates navigation from a high-level overview to more detailed data visualizations, enhancing data analysis and presentation. In our scenario, a bar chart is initially displayed. By clicking on a segment, its details are shown in a radial bar chart. To achieve the Drill down view, we can use the use case of illustrating workforce distribution across industries in the United States.
57

68
## Key features of the Syncfusion .NET MAUI Doughnut chart
79

810
### Center View: Adding image into the center view
9-
The [Center view](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DoughnutSeries.html?tabs=tabid-1#Syncfusion_Maui_Charts_DoughnutSeries_CenterView) in the Syncfusion doughnut chart helps convey additional information about the chart. In this example, we have included an image related to the content in the center view of our doughnut chart. The images were sourced from [Metro Studio](https://www.syncfusion.com/downloads/metrostudio).
11+
The [Center view](https://help.syncfusion.com/maui/circular-charts/radialbarchart#centerview) in the Syncfusion Radial Bar chart helps convey additional information about the chart. In this example, we have included an image related to the content in the center view of our Radial Bar chart. The images were sourced from [Metro Studio](https://www.syncfusion.com/downloads/metrostudio).
1012

1113
### Palette: Making Data Pop with colors
12-
The Syncfusion Circular chart allows for a customized [palette](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_PaletteBrushes) to use distinct colors for each category, making it easier to differentiate between them. Each segment of the doughnut represents an industry with unique colors. This use of color coding helps in quick visual identification and comparison of categories.
13-
14-
### Data Labels
15-
The [LableContext](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.LabelContext.html) property is used to present the data labels in percentage format.
14+
The Syncfusion Circular Chart allows for a customized [palette](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_PaletteBrushes) to use distinct colors for each category, making it easier to differentiate between them. Each segment of the Radial Bar Chart represents gender within each industry. This use of color coding helps in the quick visual identification and comparison of categories.
1615

1716
### Legend: A Quick Reference guide
18-
The [legend](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_Legend) in the Syncfusion Doughnut chart provides information about the segments displayed in the circular chart. It lists all the categories with their respective colors as icons, making it easy to interpret the data at a glance without needing to hover over each segment.
17+
The [legend](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_Legend) in the Syncfusion Radial Bar chart provides information about the segments displayed in the circular chart. It lists all the categories with their respective colors as icons, making it easy to interpret the data at a glance without needing to hover over each segment. Here, we can also further customize the legend with preferred template.
1918

20-
### Adding drill-down functionality in Doughnut chart
21-
The drill-down functionality is used to navigate from one chart to another chart when tapping on a segment. This functionality is achieved by using the [SelectionChanging event](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSelectionBehavior.html#Syncfusion_Maui_Charts_ChartSelectionBehavior_SelectionChanging) in the .NET MAUI Chart. For example, initially, we displayed the distribution of workers categorized by industries in the doughnut chart. When you tap on a particular segment to know more details, it generates a new chart, which provides further detailed information.
19+
### Adding drill-down functionality in chart
20+
The drill-down functionality is used to navigate from one chart to another chart when tapping on a segment. This functionality is achieved by using the [SelectionChanging event](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSelectionBehavior.html#Syncfusion_Maui_Charts_ChartSelectionBehavior_SelectionChanging) in the .NET MAUI Chart. For example, initially, we displayed the distribution of workers categorized by industries in the Bar chart. When you tap on a particular segment to know more details, it generates a new Radial Bar chart, which provides further detailed information.
2221

23-
The chart below provides a clear visualization of workforce distribution across industries for 2021–2022 using drill down functionality.
22+
The chart below provides a clear visualization of workforce distribution across industries in the US for 2023 using drill down functionality.
2423

2524
### Output
26-
27-
![windows](https://github.com/user-attachments/assets/f7420413-acf0-4a3c-9d03-b4ed09f2ee97)
25+
![ScreenCapture-8-18-2024-61708-PM](https://github.com/user-attachments/assets/dfa2aa21-c427-442f-aafa-6a8fd31b70dd)
2826

2927
## Troubleshooting
3028

0 commit comments

Comments
 (0)