enabling scrolling and removing label over lap

[Olanrewaju Ogunseye]

hi all,

am simpling trying to beutify a project by adding a chart that is programatically polulated.
below is the snipet of the chart aspx script 

<telerik:radchart id="RadChart1" runat="server" defaulttype="Line" skin="Office2007" style="margin-right: 32px" width="500px" chartimageformat="Jpeg" enableviewstate="False" tempimagesfolder="~/radchart" height="500px" usesession="False" onitemdatabound="RadChart1_ItemDataBound">
<ClientSettings EnableZoom="false" ScrollMode="XOnly" XScale="14" />
<Series>
<cc1:ChartSeries Name="Series 1" Type="Line">
<Appearance>
<FillStyle FillType="Solid" MainColor="69, 115, 167">
</FillStyle>
<TextAppearance TextProperties-Color="Black">
</TextAppearance>
<Border Color="69, 115, 167" />
</Appearance>
</cc1:ChartSeries>
<cc1:ChartSeries Name="Series 2" Type="Line">
<Appearance>
<FillStyle FillType="Solid" MainColor="107, 70, 68">
</FillStyle>
<TextAppearance TextProperties-Color="Black">
</TextAppearance>
<Border Color="107, 70, 68" />
</Appearance>
</cc1:ChartSeries>
</Series>
<PlotArea>
<XAxis DataLabelsColumn="transactiondate" Appearance-ValueFormat="ShortDate">
<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">
<MajorGridLines Color="134, 134, 134" Width="0" />
<TextAppearance TextProperties-Color="Black">
</TextAppearance>
<LabelAppearance RotationAngle="90" >
</LabelAppearance>
</Appearance>
<AxisLabel>
<TextBlock Text="Date">
<Appearance TextProperties-Color="Black">
</Appearance>
</TextBlock>
</AxisLabel>
<Items>
<cc1:ChartAxisItem>
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="1">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="2">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="3">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="4">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="5">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="6">
</cc1:ChartAxisItem>
<cc1:ChartAxisItem Value="7">
</cc1:ChartAxisItem>
</Items>
</XAxis>
<YAxis>
<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" MinorTick-Color="134, 134, 134">
<MajorGridLines Color="134, 134, 134" />
<MinorGridLines Color="134, 134, 134" />
<TextAppearance TextProperties-Color="Black">
</TextAppearance>
</Appearance>
<AxisLabel>
<TextBlock>
<Appearance TextProperties-Color="Black">
</Appearance>
</TextBlock>
</AxisLabel>
</YAxis>
<Appearance>
<FillStyle MainColor="" FillType="Solid">
</FillStyle>
</Appearance>
</PlotArea>
<Appearance>
<Border Color="134, 134, 134" />
</Appearance>
<ChartTitle>
<Appearance>
<FillStyle MainColor="">
</FillStyle>
</Appearance>
<TextBlock Text="Message Traffic">
<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px">
</Appearance>
</TextBlock>
</ChartTitle>
<Legend>
<Appearance Dimensions-Margins="15%, 2%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px" Position-AlignedPosition="TopRight">
<ItemTextAppearance TextProperties-Color="Black">
</ItemTextAppearance>
<ItemMarkerAppearance Figure="Square">
</ItemMarkerAppearance>
</Appearance>
</Legend>
</telerik:radchart>

the problem is that the x label keeps overlapping with the chart how can i fix these
another is there are so many record and i would so much like to enabe scrolling but i does not display any despite adding 

<ClientSettings EnableZoom="false" ScrollMode="XOnly" XScale="14" />

pls help

thanks

E-Larry

[Evgenia]

Hello Olanrewaju Ogunseye,

Thanks for contacting us. I reproduced your scenario and was able to enable scrolling without problem.
You can find it in the project I attached. I saw that you rotated XAxis labels. This is the right approach for being able to see all the labels without overlapping. You can use an additional setting, which will improve the text quality for the rotated labels:

RadChart1.Appearance.TextQuality = Telerik.Charting.Styles.TextQuality.AntiAlias;

Hope this helps.

All the best,
Evgenia
the Telerik team