# chart-chart-appearance

> Column chart of Olympic medal counts across five countries with per-series image point symbols, gradient chart fills, and a top-docked legend.

**Framework:** winforms  **Component:** Chart  **Variant:** chart-appearance

## Get this item

**If you are an agent, fetch the JSON.** Source is inlined, so one request is enough and no tooling is required:

```
GET https://ai.syncfusion.com/r/winforms/chart-chart-appearance.json
```

**Install Package(s)**

```bash
dotnet add package Syncfusion.Chart.Windows
```

**Notes**

- Syncfusion release: 2026 Volume 2 (v34.1.29)
- The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md

## Source files

### src/components/chart-chart-appearance/Form1.cs

```cs
#region Copyright Syncfusion Inc. 2001 - 2026
// Copyright Syncfusion Inc. 2001 - 2026. All rights reserved.
// Use of this code is subject to the terms of our license.
// A copy of the current license can be obtained at any time by e-mailing
// licensing@syncfusion.com. Any infringement will be prosecuted under
// applicable laws. 
#endregion
using System;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Collections;
using System.ComponentModel;
using System.Windows.Forms;
using System.Data;
using Syncfusion.Windows.Forms;
using Syncfusion.Windows.Forms.Chart;
using Syncfusion.Drawing;
using System.Collections.Generic;
using System.IO;

namespace ChartAppearance
{
    public class Form1 : MetroForm
    {
        #region Private Members

        private System.ComponentModel.IContainer components;
        private System.Windows.Forms.ImageList imageList1;
        private ChartControl chartControl1;

        #endregion

        #region Constructor, Main And Dispose
        public Form1()
        {
            BorderColor = Color.FromArgb(0xFF,0xCD,0xCD,0xCD);
            BorderThickness = 3;
            CaptionBarHeight = (int)DpiAware.LogicalToDeviceUnits(75.0f);
            CaptionBarColor = Color.FromArgb(0xFF, 0x1B, 0xA1, 0xE2);
            CaptionFont = new Font("Segoe UI", 22.0f);
            CaptionForeColor = Color.White;
            CaptionAlign = HorizontalAlignment.Left;
            CaptionButtonColor = Color.White;
            CaptionButtonHoverColor = Color.White;
            ControlBox = true;
            ShowIcon = false;
            InitializeComponent();
            InitializeChartData();
        }

        /// <summary>
        /// The main entry point for the application.
        /// </summary>
        [STAThread]
        static void Main()
        {
            Syncfusion.Telemetry.Telemetry.Disable();
            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(DemoCommon.FindLicenseKey());     
            Application.EnableVisualStyles();
            Application.Run(new Form1());
        }

        /// <summary>
        /// Clean up any resources being used.
        /// </summary>
        protected override void Dispose(bool disposing)
        {
            if (disposing)
            {
                if (components != null)
                {
                    components.Dispose();
                }
            }
            base.Dispose(disposing);
        }

        /// <summary>
        /// Form Load
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Form1_Load(object sender, System.EventArgs e)
        {
            // Chart initialization complete
        }

        #endregion

        #region Windows Form Designer generated code
        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {
            this.components = new System.ComponentModel.Container();
            this.imageList1 = new System.Windows.Forms.ImageList(this.components);
            this.chartControl1 = new Syncfusion.Windows.Forms.Chart.ChartControl();
            ((System.ComponentModel.ISupportInitialize)(this.chartControl1)).BeginInit();
            this.SuspendLayout();
            // 
            // imageList1
            // 
            this.imageList1.TransparentColor = System.Drawing.Color.Transparent;
            // 
            // chartControl1
            // 
            this.chartControl1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.chartControl1.BackInterior = new Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.Vertical, System.Drawing.Color.White, System.Drawing.Color.White);
            this.chartControl1.ChartArea.BackInterior = new Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.Vertical, System.Drawing.Color.Transparent, System.Drawing.Color.Transparent);
            this.chartControl1.ChartInterior = new Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.PathEllipse, System.Drawing.Color.White, System.Drawing.Color.FromArgb(((int)(((byte)(191)))), ((int)(((byte)(219)))), ((int)(((byte)(254))))));
            this.chartControl1.DataSourceName = "";
            this.chartControl1.IsWindowLess = false;
            this.chartControl1.Location = new System.Drawing.Point(0, 0);
            this.chartControl1.Name = "chartControl1";
            this.chartControl1.Size = new System.Drawing.Size(700, 580);
            this.chartControl1.TabIndex = 1;
            this.chartControl1.Title.Name = "Def_title";
            this.chartControl1.Title.Text = "";
            this.chartControl1.Titles.Add(this.chartControl1.Title);
            this.chartControl1.ChartFormatAxisLabel += new Syncfusion.Windows.Forms.Chart.ChartFormatAxisLabelEventHandler(this.chartControl1_ChartFormatAxisLabel);
            // 
            // Form1
            // 
            this.BackColor = System.Drawing.Color.White;
            this.ClientSize = new System.Drawing.Size(700, 600);
            this.Controls.Add(this.chartControl1);
            this.MetroColor = System.Drawing.Color.FromArgb(((int)(((byte)(27)))), ((int)(((byte)(161)))), ((int)(((byte)(226)))));
            this.MinimumSize = new System.Drawing.Size(700, 600);
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.Name = "Form1";
            this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
            this.Text = "Chart Appearance";
            this.Load += new System.EventHandler(this.Form1_Load);
            ((System.ComponentModel.ISupportInitialize)(this.chartControl1)).EndInit();
            this.ResumeLayout(false);

        }
        #endregion

        #region Helper Methods

        #region InitializeChartData

        /// <summary>
        /// In this method chart data has been Initialized.
        /// </summary>
        protected void InitializeChartData()
        {
            // Top 5 olympic medal winners
            ChartSeries series1 = new ChartSeries("Gold");
            series1.Text = "Gold";
            series1.Type = ChartSeriesType.Column;

            ChartSeries series2 = new ChartSeries("Silver");
            series2.Text = "Silver";
            series2.Type = ChartSeriesType.Column;

            ChartSeries series3 = new ChartSeries("Bronze");
            series3.Text = "Bronze";
            series3.Type = ChartSeriesType.Column;

            // USA
            series1.Points.Add(1, 35);
            series2.Points.Add(1, 39);
            series3.Points.Add(1, 29);

            // China
            series1.Points.Add(2, 32);
            series2.Points.Add(2, 17);
            series3.Points.Add(2, 14);

            // Russia
            series1.Points.Add(3, 27);
            series2.Points.Add(3, 27);
            series3.Points.Add(3, 28);

            // Australia
            series1.Points.Add(4, 17);
            series2.Points.Add(4, 16);
            series3.Points.Add(4, 16);

            // Japan
            series1.Points.Add(5, 16);
            series2.Points.Add(5, 9);
            series3.Points.Add(5, 12);

            series1.Style.Images = new ChartImageCollection(this.imageList1.Images);
            series2.Style.Images = new ChartImageCollection(this.imageList1.Images);
            series3.Style.Images = new ChartImageCollection(this.imageList1.Images);

            this.chartControl1.Series.Add(series1);
            this.chartControl1.Series.Add(series2);
            this.chartControl1.Series.Add(series3);

            for (int i = 0; i < series1.Points.Count; i++)
                series1.Styles[i].Text = string.Format("{0}", series1.Points[i].YValues[0]);

            for (int i = 0; i < series2.Points.Count; i++)
                series2.Styles[i].Text = string.Format("{0}", series2.Points[i].YValues[0]);

            for (int i = 0; i < series3.Points.Count; i++)
                series3.Styles[i].Text = string.Format("{0}", series3.Points[i].YValues[0]);

            // Configure chart appearance
            foreach (ChartSeries series in this.chartControl1.Series)
            {
                if (series == this.chartControl1.Series[0])
                {
                    series.Style.Images = new ChartImageCollection(this.imageList1.Images);
                    series.Style.Symbol.Shape = ChartSymbolShape.Image;
                    series.Style.Symbol.Size = new Size(16, 16);
                    series.Style.ImageIndex = 0;
                }
                series.Style.Symbol.Color = Color.Yellow;
                series.Style.DisplayShadow = false;
                series.Style.PointWidth = 2;
                series.Style.Font.Bold = true;
            }

            this.chartControl1.ColumnDrawMode = ChartColumnDrawMode.PlaneMode;
            this.chartControl1.LegendPosition = ChartDock.Top;
            this.chartControl1.PrimaryXAxis.LabelRotate = true;
            this.chartControl1.Spacing = 20;
        }

        #endregion

        #endregion

        /// <summary>
        /// Format axis labels for chart axes.
        /// </summary>
        private void chartControl1_ChartFormatAxisLabel(object sender, ChartFormatAxisLabelEventArgs e)
        {
            if (e.AxisOrientation == ChartOrientation.Horizontal)
            {
                if (e.Value == 1)
                    e.Label = "USA";
                else if (e.Value == 2)
                    e.Label = "China";
                else if (e.Value == 3)
                    e.Label = "Russia";
                else if (e.Value == 4)
                    e.Label = "Australia";
                else if (e.Value == 5)
                    e.Label = "Japan";
                else
                    e.Label = "";

                e.Handled = true;
            }
        }
    }

    /// <summary>
    /// Represents a class that is used to find the licensing file for Syncfusion controls.
    /// </summary>
    internal class DemoCommon
    {
        /// <summary>
        /// Get license key from license.licx
        /// </summary>
        public static string FindLicenseKey()
        {
            string licenseKeyFile = "Syncfusion.licx";
            if (File.Exists(licenseKeyFile))
                return File.ReadAllText(licenseKeyFile);
            return "";
        }
    }    
}

```