[Solved] Column Chart Dynamically

[Vera]

Hi there,

I have List of Model as following:
List<Data> listOfData = new List<Data>();
Data newData1 = new Data();
newData1.Date = 1/5/2012;
newData1.Name = "Aaliyah";
newData1.TotalPoint = 5;
listOfData.add(newData1);

Data newData2 = new Data();
newData2.Date = 1/5/2012;
newData2.Name = "Michael";
newData2.TotalPoint = 3;
listOfData.add(newData2);

Data newData3 = new Data();
newData3.Date = 3/5/2012;
newData3.Name = "Aaliyah";
newData3.TotalPoint = 4;
listOfData.add(newData3);

Data newData4 = new Data();
newData4.Date = 5/5/2012;
newData4.Name = "Junior";
newData4.TotalPoint = 4;
listOfData.add(newData4);

When the user input the date range between 1 May - 6 May, the chart will display all the data and all the date.
for example:
1 May = aaliyah and michael
2 May = (blank, only show date category)
3 May = aaliyah
4 May = (blank, only show date category)
5 May = Junior
6 May = (blank, only show date category)

I have try the solution in http://www.telerik.com/community/forums/aspnet-mvc/chart/how-to-render-different-series-on-a-line-chart.aspx. its really help me a lot. I already set the category (x-axis) to full date (from 1-6 may), but the problem here, the chart will be moving.
Is there any other solution on how to made the chart dynamically follow the category?

Thanks in advance,

Vera