Charts are bound to a class. 2 doubles and 1 date. The doubles are the y-axis series and the date is the x-axis
See the attached file for how it looks. LayoutMode is set to inside which moves the points but not the label.
Here is the code for the 1st chart:
<
div
class
=
"chartleft"
>
<
telerik:RadChart
ID
=
"RadChart1"
runat
=
"server"
DefaultType
=
"Line"
ChartTitle-TextBlock-Text
=
"Last 10 Updates"
Width
=
"525"
>
<
PlotArea
>
<
Appearance
Dimensions-Margins
=
"18%, 30%, 25%, 10%"
>
</
Appearance
>
<
EmptySeriesMessage
Visible
=
"True"
>
<
Appearance
Visible
=
"True"
>
</
Appearance
>
</
EmptySeriesMessage
>
<
YAxis
IsZeroBased
=
"false"
>
</
YAxis
>
<
XAxis
LayoutMode
=
"Inside"
AutoScale
=
"false"
LabelStep
=
"1"
DataLabelsColumn
=
"date"
>
<
Appearance
ValueFormat
=
"ShortDate"
MajorGridLines-Visible
=
"false"
>
<
LabelAppearance
RotationAngle
=
"45"
Position-AlignedPosition
=
"Top"
>
</
LabelAppearance
>
</
Appearance
>
</
XAxis
>
</
PlotArea
>
<
Series
>
<
telerik:ChartSeries
DataYColumn
=
"realvalues"
Name
=
"Real Values"
Type
=
"Line"
>
</
telerik:ChartSeries
>
<
telerik:ChartSeries
DataYColumn
=
"othervalues"
Name
=
"Trending Values"
Type
=
"Line"
>
</
telerik:ChartSeries
>
</
Series
>
</
telerik:RadChart
>
</
div
>
here is the class it is bound to:
public class chartdata
{
public double realvalues { get; set; }
public double othervalues { get; set; }
public double date { get; set; }
public chartdata(double r, double o, DateTime dt)
{
date = dt.ToOADate();
realvalues = r;
othervalues = o;
}
}