Customize series point labels value of a DevExpress chart control

Question

I would like to customize every series point values with a property obtained from the very same data source that is bound to the chart. To illustrate my problem I'll use the same example as DevExpress does in their website for chart data binding:

public class Record {
    int id, age;
    string name;
    public Record(int id, string name, int age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }
    public int ID {
        get { return id; }
        set { id = value; }
    }
    public string Name {
        get { return name; }
        set { name = value; }
    }
    public int Age {
        get { return age; }
        set { age = value; }
    }
}

To fill the chart it uses the following block of code:

private void Form1_Load(object sender, EventArgs e) {
    // Create a list. 
    ArrayList listDataSource = new ArrayList();

    // Populate the list with records. 
    listDataSource.Add(new Record(1, "Jane", 19));
    listDataSource.Add(new Record(2, "Joe", 30));
    listDataSource.Add(new Record(3, "Bill", 15));
    listDataSource.Add(new Record(4, "Michael", 42));

    // Bind the chart to the list. 
    ChartControl myChart = chartControl1;
    myChart.DataSource = listDataSource;
    
    // Create a series, and add it to the chart. 
    Series series1 = new Series("My Series", ViewType.Bar);
    myChart.Series.Add(series1);

    // Adjust the series data members. 
    series1.ArgumentDataMember = "name";
    series1.ValueDataMembers.AddRange(new string[] { "age" });

    // Access the view-type-specific options of the series. 
    ((BarSeriesView)series1.View).ColorEach = true;
    series1.LegendPointOptions.Pattern = "{A}";
}

The resulting chart of the code is:

Resulting chart

My question is, how could I use for example the property ID to add extra information for every serie label points? (e.g {ID + " - " + Age}) In the previous graph we would get these label data points: "1 - 19", "2 - 30", "3 - 15" and "4 - 42".

SidAhmed SidAhmed · Accepted Answer · 2013-05-07T16:05:47

I suggest you use the CustomDrawSeriesPoint of your chart control, here is how :

private void chartControl1_CustomDrawSeriesPoint(object sender, CustomDrawSeriesPointEventArgs e)
{
     // Get the value of your point (Age in your case)
     var pointValue = e.SeriesPoint.Values[0];

     // You can get the argument text using e.SeriesPoint.Argument
     // Set the label text of your point
     e.LabelText = "value is " + pointValue;
}

A link that may help : Click me

Customize series point labels value of a DevExpress chart control

3 Answers