Unable to bind the DateTime series with a Dundas chart

StackOverflow https://stackoverflow.com/questions/13977294

  •  11-12-2021
  •  | 
  •  

Question

I'm having a hard time charting series data on an Dundas chart. It can't seem to properly bind the DateTime values.

Here is min chart generation code: 

public static void GenerateMultiSeriesChartImage<T,U>(List<ChartData<T,U>> chartData, string chartTitle,
    string xAxisTitle, string yAxisTitle, string xAxisValue, string yAxisValue, string chartFileName)
{
    Dundas.Charting.WebControl.Chart chart = new Dundas.Charting.WebControl.Chart();
    // Setting some chart properties

    Dundas.Charting.WebControl.Legend legend = new Dundas.Charting.WebControl.Legend();

    // I'm setting the legend properties            
    chart.Legends.Add(legend);

    // Setting the border skin
    Dundas.Charting.WebControl.Title title = new Dundas.Charting.WebControl.Title();
    title.Font = new System.Drawing.Font("Microsoft Sans Serif", 9.75F, System.Drawing.FontStyle.Bold);

    // Set custom chart title
    title.Text = chartTitle;
    chart.Titles.Add(title);

    int cnt = 1;
    foreach (ChartData<T,U> dataRecord in chartData)
    {
        Dundas.Charting.WebControl.Series series = new Dundas.Charting.WebControl.Series();

        series.Name = dataRecord.SeriesName;
        series.BorderColor = System.Drawing.ColorTranslator.FromHtml("#646464");
        series.BorderWidth = 2;
        series.Type = Dundas.Charting.WebControl.SeriesChartType.Line;
        series.MarkerBorderColor = System.Drawing.ColorTranslator.FromHtml("#646464");
        series.ShadowOffset = 1;

        // Set X & Y axis ValueMembers
        series.ValueMembersY = yAxisValue;
        series.ValueMemberX = xAxisValue;

        series.XValueType = dataRecord.XValueType;
        series.YValueType = dataRecord.YValueType;

        series.Points.DataBindXY(dataRecord.XAxisValues, xAxisTitle, dataRecord.YAxisValues, yAxisTitle);
        chart.Series.Add(series);
        cnt++;
    }

    Dundas.Charting.WebControl.ChartArea chartArea = new Dundas.Charting.WebControl.ChartArea();
    chartArea.BackColor = System.Drawing.Color.Lavender;
    chartArea.Name = "Default";
    chartArea.ShadowOffset = 2;
    chartArea.AxisY.Title = yAxisTitle;
    chartArea.AxisY.MajorGrid.LineColor = System.Drawing.Color.LightSteelBlue;
    chartArea.AxisY.MajorGrid.LineStyle = Dundas.Charting.WebControl.ChartDashStyle.Dash;
    chartArea.AxisX.Title = xAxisTitle;
    chartArea.AxisX.MajorGrid.LineColor = System.Drawing.Color.LightSteelBlue;
    chartArea.AxisX.MajorGrid.LineStyle = Dundas.Charting.WebControl.ChartDashStyle.Dash;
    chartArea.Area3DStyle.WallWidth = 0;
    chart.ChartAreas.Add(chartArea);

    chart.Save("C:/charts/" + chartFileName, Dundas.Charting.WebControl.ChartImageFormat.Png);
}

The ChartData class is simply a helper to contain my series and some metadata bout them:

public class ChartData<X,Y>
{
    public List<X> XAxisValues { get; private set; }
    public List<Y> YAxisValues { get; private set; }
    public ChartValueTypes XValueType { get; private set; }
    public ChartValueTypes YValueType { get; private set; }
    public string SeriesName { get; private set; }

    public ChartData(string seriesName, ChartValueTypes xValueType, ChartValueTypes yValueType)
    {
        XAxisValues = new List<X>();
        YAxisValues = new List<Y>();
        SeriesName = seriesName;
        XValueType = xValueType;
        YValueType = yValueType;
    }

    public ChartData(string seriesName, X[] xAxisValues, Y[] yAxisValues, ChartValueTypes xValueType, ChartValueTypes yValueType)
    {
        XAxisValues = new List<X>(xAxisValues);
        YAxisValues = new List<Y>(yAxisValues);
        SeriesName = seriesName;

        XValueType = xValueType;
        YValueType = yValueType;
    }
}

You can see the contents of the XValues and the YValues collections here: https://docs.google.com/spreadsheet/pub?key=0AtV11BVzMrGYdDdrdjY1WC1wc09aV0E3cmo3VkpJSEE&output=html

And I get the following chart (note that the dates are completely wrong):

10 rows

The XValueType is DateTime and the YValueType is Int:

series.XValueType = dataRecord.XValueType; // DateTime
series.YValueType = dataRecord.YValueType; // Int

Things get even worse when I try to chart 60 values:

enter image description here

Was it helpful?

Solution

Just found out what the problem: the xAxisValue was supposed to be "Date" and I had it as "Day".

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top