Devexpress Gridview Chart Kolon Ekleme

DevExpress GridView’e Chart Kolon Ekleme

DevExpress GridView, verileri tablo biçiminde görüntülemek için kullanılan güçlü bir bileşendir. Chart kolonları ekleyerek, verilerinizi görsel olarak daha çekici ve anlaşılır hale getirebilirsiniz. Bu makale, DevExpress GridView’e chart kolonları eklemeyi adım adım açıklayacaktır.

Gereksinimler

DevExpress v19.2 veya üzeri
Visual Studio 2019 veya üzeri

Adım 1: Yeni Bir Proje Oluşturma

Visual Studio’yu açın ve yeni bir C# Windows Forms uygulaması projesi oluşturun.

Adım 2: DevExpress Referanslarını Ekleme

Çözüm Gezgini’nde projenize sağ tıklayın ve “NuGet Paketlerini Yönet”i seçin. “DevExpress”i arayın ve “DevExpress.Data.v19.2” ve “DevExpress.Windows.v19.2” paketlerini yükleyin.

Adım 3: GridView Oluşturma

Formunuza bir GridView bileşeni sürükleyip bırakın.

Adım 4: Veri Kaynağı Ayarlama

GridView’in DataSource özelliğini, verilerinizi içeren bir veri kaynağına ayarlayın. Örneğin, bir DataTable veya BindingList kullanabilirsiniz.

Adım 5: Chart Kolon Ekleme

GridView’in Columns koleksiyonuna sağ tıklayın ve “Ekle” > “Chart”ı seçin.

Adım 6: Chart Kolonunu Yapılandırma

Chart kolonunun özelliklerini Ayarlar penceresinde yapılandırabilirsiniz. Örneğin, aşağıdaki özellikleri ayarlayabilirsiniz:

ArgumentDataMember: Chart’ın X ekseni için kullanılacak veri üyesi
ValueDataMember: Chart’ın Y ekseni için kullanılacak veri üyesi
ChartType: Kullanılacak chart türü (ör. Çubuk, Çizgi, Pasta)

Adım 7: Chart Kolonunu Görüntüleme

Chart kolonunu GridView’de görüntülemek için Columns koleksiyonuna ekleyin.

Örnek Kod

Aşağıdaki kod örneği, bir GridView’e chart kolonunun nasıl ekleneceğini göstermektedir:

“`csharp
using DevExpress.XtraGrid;
using DevExpress.XtraGrid.Columns;
using DevExpress.XtraGrid.Views.Grid;
using DevExpress.XtraCharts;

public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();

    // Veri kaynağı oluşturma
    DataTable dt = new DataTable();
    dt.Columns.Add("Kategori", typeof(string));
    dt.Columns.Add("Değer", typeof(int));
    dt.Rows.Add("A", 10);
    dt.Rows.Add("B", 20);
    dt.Rows.Add("C", 30);

    // GridView oluşturma
    gridControl1.DataSource = dt;

    // Chart kolonunu ekleme
    ChartColumn chartColumn = new ChartColumn();
    chartColumn.FieldName = "Değer";
    chartColumn.Caption = "Değerler";
    chartColumn.ChartType = ChartType.Bar;
    gridControl1.Columns.Add(chartColumn);
}

}
“`