An open API service indexing awesome lists of open source software.

https://github.com/syncfusionexamples/creating-the-.net-maui-multi-category-bar-charts-to-compare-generative-ai-usage

This article explains how to create the .NET MAUI Bar Chart to Compare Generative AI Use for Creating Media vs Obtaining Information
https://github.com/syncfusionexamples/creating-the-.net-maui-multi-category-bar-charts-to-compare-generative-ai-usage

bar-chart chart-axis-labels-customization chart-customization chart-data-labels-customization customizing-series-appearance data-labels dotnet-maui label-style multi-category-bar-charts multiple-bar-charts

Last synced: about 2 months ago
JSON representation

This article explains how to create the .NET MAUI Bar Chart to Compare Generative AI Use for Creating Media vs Obtaining Information

Awesome Lists containing this project

README

        

# Comparing Generative AI Use for Creating Media vs Obtaining Information
This sample demonstrates how to create Multi-Category Bar Charts to Compare Generative AI Use for Creating Media vs Obtaining Information.

Multi-Category Bar Charts are versatile tools for comparing categorical data. They clearly show differences between categories, making them ideal for comparing media creation and information retrieval. Here are a few common use cases:
* Survey Results
* Usage Trends
* Performance Metrics
* Market Analysis

# Other Key Features of the Syncfusion .NET MAUI Bar Chart

The other key features of Bar chart customization include chart features such as chart title, series customization, data labels customization, and axis labels customization.

## Chart Title: Setting the Stage

With the Syncfusion .NET MAUI Chart, adding a title is simple and intuitive. For our Bar Chart, we've chosen "For creating media" and "For getting information". The title of the chart provides quick information about the data being plotted in the chart.

## Customizing the Series Appearance

To customize the appearance of a series in the SfCartesianChart, you can adjust properties such as [Fill](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_Fill), [Stroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ColumnSeries.html#Syncfusion_Maui_Charts_ColumnSeries_Stroke), and [Width](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ColumnSeries.html#Syncfusion_Maui_Charts_ColumnSeries_Width). For instance, if you are using the BarSeries, you can apply different colors to each series.

## Data labels customization

Customize the data labels to better suit your needs. To customization data labels, you can use properties such as [LabelStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartDataLabelSettings.html#Syncfusion_Maui_Charts_ChartDataLabelSettings_LabelStyle), [LabelPlacement](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartDataLabelSettings.html#Syncfusion_Maui_Charts_ChartDataLabelSettings_LabelPlacement), [UseSeriesPalette](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartDataLabelSettings.html#Syncfusion_Maui_Charts_ChartDataLabelSettings_UseSeriesPalette).

## Axis labels customization

To customize the x and y axes, you can use properties such as [LabelStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_LabelStyle), [AxisLineStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_AxisLineStyle), and [MajorTickStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_MajorTickStyle).

After executing these code examples, we will get the output that resembles the following image.

AIBlogImage

# Troubleshooting

Path too long exception

If you are facing a path too long exception when building this example project, close Visual Studio and rename the repository to short and build the project.

For a step-by-step procedure, refer to the [Multi-Category Bar Charts blog post]().