{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "chart-column-chart",
  "framework": "winui",
  "type": "registry:component",
  "component": "Chart",
  "variant": "column-chart",
  "dependencies": [
    "Syncfusion.Chart.WinUI"
  ],
  "description": "Column chart of population growth across countries with CategoryAxis, NumericalAxis, percentage data labels, animation, and themed palette brushes.",
  "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/winui/llms.txt",
    "skillPack": "syncfusion/winui-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/winui/chart-column-chart.md"
  },
  "files": [
    {
      "target": "src/components/chart-column-chart/Chart.xaml",
      "content": "<Page\n    x:Class=\"Syncfusion.ChartDemos.WinUI.Views.ColumnChart\"\n    xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n    xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n    xmlns:chart=\"using:Syncfusion.UI.Xaml.Charts\"\n    xmlns:common=\"using:Syncfusion.DemosCommon.WinUI\"\n    xmlns:d=\"http://schemas.microsoft.com/expression/blend/2008\"\n    xmlns:local=\"using:Syncfusion.ChartDemos.WinUI\"\n    xmlns:mc=\"http://schemas.openxmlformats.org/markup-compatibility/2006\"\n    Background=\"Transparent\"\n    mc:Ignorable=\"d\">\n\n    <Grid x:Name=\"grid\">\n        <Grid.Resources>\n                <Style TargetType=\"Line\" x:Name=\"lineStyle\">\n                    <Setter Property=\"StrokeThickness\" Value=\"0\"/>\n                </Style>\n                <Style TargetType=\"Line\" x:Name=\"tickLineStyle\">\n                    <Setter Property=\"StrokeThickness\" Value=\"0\"/>\n                    <Setter Property=\"Stroke\" Value=\"Transparent\"/>\n                </Style>\n        </Grid.Resources>\n        <ScrollViewer VerticalScrollBarVisibility=\"Auto\" VerticalScrollMode=\"Auto\">\n            <common:DemoLayout HeaderText=\"This column chart showcases the population growth trends of different countries.\">\n                <common:DemoLayout.DataContext>\n                    <local:ColumnChartViewModel />\n                </common:DemoLayout.DataContext>\n                <common:DemoLayout.Example>\n                    <chart:SfCartesianChart x:Name=\"Chart\" Header=\"Population Growth of Various Countries\" Height=\"420\" VerticalAlignment=\"Bottom\" \n                                          PaletteBrushes=\"{ThemeResource ChartPalette}\">\n\n                        <chart:SfCartesianChart.XAxes>\n                            <chart:CategoryAxis ShowMajorGridLines=\"False\" LabelPlacement=\"BetweenTicks\" />\n                        </chart:SfCartesianChart.XAxes>\n\n                        <chart:SfCartesianChart.YAxes>\n                            <chart:NumericalAxis ShowMinorGridLines=\"false\" Interval=\"0.5\" TickLineSize=\"10\"\n                                                   MajorTickStyle=\"{StaticResource tickLineStyle}\"  AxisLineStyle=\"{StaticResource lineStyle}\">\n                                <chart:NumericalAxis.LabelStyle>\n                                    <chart:LabelStyle LabelFormat=\"0.0' %\" FontSize=\"12\"/>\n                                </chart:NumericalAxis.LabelStyle>\n                            </chart:NumericalAxis>\n                        </chart:SfCartesianChart.YAxes>\n\n                        <chart:ColumnSeries EnableAnimation=\"True\" ItemsSource=\"{Binding DefaultColumnData}\" Label=\"Countries\"\n                        XBindingPath=\"Name\" YBindingPath=\"Value\" ShowDataLabels=\"True\">\n                            <chart:ColumnSeries.DataLabelSettings>\n                                <chart:CartesianDataLabelSettings Position=\"Inner\"/>\n                            </chart:ColumnSeries.DataLabelSettings>\n                        </chart:ColumnSeries>\n                    </chart:SfCartesianChart>\n                </common:DemoLayout.Example>\n                <common:DemoLayout.Xaml>\n<x:String xml:space=\"preserve\">\n&lt;chart:SfCartesianChart x:Name=&quot;Chart&quot; Header=&quot;Population Growth of Various Countries&quot; \n                     PaletteBrushes=&quot;{ThemeResource ChartPalette}&quot;&gt;\n    \n &lt;chart:SfCartesianChart.XAxes&gt;\n    &lt;chart:CategoryAxis ShowMajorGridLines=&quot;False&quot; LabelPlacement=&quot;BetweenTicks&quot;/&gt; \n &lt;/chart:SfCartesianChart.XAxes&gt;\n\n &lt;chart:SfCartesianChart.YAxes&gt; \n    &lt;chart:NumericalAxis ShowMinorGridLines=&quot;false&quot; Interval=&quot;0.5&quot;\n                TickLineSize=&quot;10&quot; MajorTickStyle=&quot;{StaticResource tickLineStyle}&quot; \n                AxisLineStyle=&quot;{StaticResource lineStyle}&quot;&gt;  \n    &lt;chart:NumericalAxis.LabelStyle&gt; \n    &lt;chart:LabelStyle LabelFormat=&quot;0.0' %&quot; FontSize=&quot;12&quot;/&gt; \n    &lt;/chart:NumericalAxis.LabelStyle&gt; &lt;/chart:NumericalAxis&gt; \n &lt;/chart:SfCartesianChart.YAxes&gt;\n     \n &lt;chart:ColumnSeries ItemsSource=&quot;{Binding DefaultColumnData}&quot;\n                     XBindingPath=&quot;Name&quot; \n                     YBindingPath=&quot;Value&quot;\n                     EnableAnimation=&quot;True&quot; \n                     ShowDataLabels=&quot;True&quot;&gt;\n    &lt;chart:ColumnSeries.DataLabelSettings&gt;\n        &lt;chart:CartesianDataLabelSettings Position=&quot;Inner&quot;/&gt;\n    &lt;/chart:ColumnSeries.DataLabelSettings&gt;\n &lt;/chart:ColumnSeries&gt;\n&lt;/chart:SfCartesianChart&gt;\n</x:String>\n                </common:DemoLayout.Xaml>\n            </common:DemoLayout>\n        </ScrollViewer>\n    </Grid>\n</Page>\n"
    }
  ]
}