This is a migrated thread and some comments may be shown as answers.

enabling scrolling and removing label over lap

1 Answer 45 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Olanrewaju Ogunseye
Top achievements
Rank 1
Olanrewaju Ogunseye asked on 09 Sep 2010, 06:38 AM
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

1 Answer, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 14 Sep 2010, 06:22 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Chart (Obsolete)
Asked by
Olanrewaju Ogunseye
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
Share this question
or