{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "cartesian-chart-bar",
  "framework": "maui",
  "type": "registry:component",
  "component": "cartesian-chart",
  "variant": "bar",
  "dependencies": [
    "Syncfusion.Maui.Charts"
  ],
  "description": "ColumnSeries chart compares Android app downloads for 2015 with transposed bars and data labels.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": false,
    "platformIndex": "https://ai.syncfusion.com/maui/llms.txt",
    "skillPack": "syncfusion/maui-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/maui/cartesian-chart-bar.md"
  },
  "files": [
    {
      "target": "src/components/cartesian-chart-bar/Chart.xaml",
      "content": "<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<ContentPage xmlns=\"http://schemas.microsoft.com/dotnet/2021/maui\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2009/xaml\"\n             xmlns:model=\"clr-namespace:MAUI.Controls.CartesianChart.BarChart\"\n             xmlns:chart=\"clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts\"\n             x:Class=\"MAUI.Controls.CartesianChart.BarChart.BarChartView\"\n             x:DataType=\"model:BarChartViewModel\">\n\n    <Grid RowDefinitions=\"*, Auto\">\n\n        <chart:SfCartesianChart Grid.Row=\"0\"\n                                IsTransposed=\"True\"\n                                HorizontalOptions=\"Fill\"\n                                VerticalOptions=\"Fill\">\n\n            <chart:SfCartesianChart.Title>\n                <Label Text=\"Popular Android Apps in the Google Play Store - 2015\"\n                       FontSize=\"16\"\n                       HorizontalOptions=\"Fill\"\n                       HorizontalTextAlignment=\"Center\" />\n            </chart:SfCartesianChart.Title>\n\n            <chart:SfCartesianChart.XAxes>\n                <chart:CategoryAxis EdgeLabelsDrawingMode=\"Shift\"\n                                     LabelPlacement=\"BetweenTicks\"\n                                     ShowMajorGridLines=\"False\" />\n            </chart:SfCartesianChart.XAxes>\n\n            <chart:SfCartesianChart.YAxes>\n                <chart:NumericalAxis Minimum=\"0\"\n                                     Interval=\"0.5\"\n                                     IsVisible=\"False\"\n                                     EdgeLabelsDrawingMode=\"Shift\"\n                                     ShowMajorGridLines=\"False\"\n                                     ShowMinorGridLines=\"False\" />\n            </chart:SfCartesianChart.YAxes>\n\n            <chart:SfCartesianChart.Series>\n                <chart:ColumnSeries Label=\"Year - 2015\"\n                                    EnableAnimation=\"True\"\n                                    ShowDataLabels=\"True\"\n                                    ItemsSource=\"{Binding BarData}\"\n                                    XBindingPath=\"Name\"\n                                    YBindingPath=\"Value\">\n                    <chart:ColumnSeries.DataLabelSettings>\n                        <chart:CartesianDataLabelSettings LabelPlacement=\"Inner\">\n                            <chart:CartesianDataLabelSettings.LabelStyle>\n                                <chart:ChartDataLabelStyle LabelFormat=\"0.##B\" />\n                            </chart:CartesianDataLabelSettings.LabelStyle>\n                        </chart:CartesianDataLabelSettings>\n                    </chart:ColumnSeries.DataLabelSettings>\n                </chart:ColumnSeries>\n            </chart:SfCartesianChart.Series>\n        </chart:SfCartesianChart>\n\n        <HorizontalStackLayout Grid.Row=\"1\" Margin=\"5,5,0,0\">\n            <Label Text=\"Source: \" FontSize=\"12\" VerticalOptions=\"Center\" />\n            <Label TextColor=\"#3E8EED\"\n                   FontSize=\"12\"\n                   FontAttributes=\"Italic\"\n                   Text=\" MUO Tech Publications\"\n                   VerticalOptions=\"Center\" />\n        </HorizontalStackLayout>\n    </Grid>\n</ContentPage>"
    }
  ]
}