|
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. |
3 | 3 |
|
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. |
5 | 7 |
|
6 | 8 | ## Key features of the Syncfusion .NET MAUI Doughnut chart
|
7 | 9 |
|
8 | 10 | ### 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). |
10 | 12 |
|
11 | 13 | ### 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. |
16 | 15 |
|
17 | 16 | ### 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. |
19 | 18 |
|
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. |
22 | 21 |
|
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. |
24 | 23 |
|
25 | 24 | ### Output
|
26 |
| - |
27 |
| - |
| 25 | + |
28 | 26 |
|
29 | 27 | ## Troubleshooting
|
30 | 28 |
|
|
0 commit comments