WebChart Control Sample

| Contact

Sample of using DataLabels

This sample shows:

How you can display the values of the YValues on top of the actual point (in this case the column) using DataLabels. Of course you can change the format of the label as well as the background color and the border for the label that will be displayed using the properties of the DataLabel class.
It also shows how you can set the maximum column width of a ColumnChart so it does not fills the whole space using MaxColumnWidth. This applies for each ColumnChart you add, so you can customize that some charts use more space than others.
It finally shows how you can change the maximum value of the chart using YCustomEnd so that it will use this to scale the chart. You can also change the start point by using the YCustomStart to change it to not start from 0 (or the minimum value).

This is how the chart looks like, just copy/paste the code into notepad and save it as .aspx:
Sample

C# Code

<%@ Page Language="C#" %>
<%@ Register TagPrefix="web" Assembly="WebChart" Namespace="WebChart" %>
<script runat=server>

public void Page_Load(object o, EventArgs e) {
    ColumnChart chart = new ColumnChart();
    chart.Data.Add(new ChartPoint("January", 123));
    chart.Data.Add(new ChartPoint("February", 12));
    chart.Data.Add(new ChartPoint("March", 33));
    chart.Data.Add(new ChartPoint("April", 54));

    chart.DataLabels.Visible=true;
    chart.MaxColumnWidth = 40;
    chartcontrol.Charts.Add(chart);

    chart.Fill.Color=System.Drawing.Color.Red;

    chartcontrol.RedrawChart();
}
</script>
<html>
<head />
<body>
<web:chartcontrol
    BorderStyle="Outset"
    ChartTitle-Text="My Simple Chart"
    ChartPadding=30
    YCustomEnd=200
    HasChartLegend=false
    id=chartcontrol
    runat=server>
</web:chartcontrol>
</body>
</html>

WebChart Control Sample - Data

Sample of using DataLabels

C# Code