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

Labels Overlapping with PlotArea

2 Answers 179 Views

Chart (Obsolete)

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

Ananth Godavari asked on 08 May 2011, 04:57 PM

line-chart.JPG

Hi,

I am trying out Telerik Controls for a potentially large projecy. As part of it, I am designing a line chart and made the x-axis rotation to -90, removed legend etc. The problem is the x-axis labels are overlapping the plot area and I can't seem to figure this out.

Attached is the image.

Please help.

Thanks
Ananth

<telerik:RadChart ID="linkchart" runat="server" Height="400px" Skin="Office2007"

Width="925px" DefaultType="Line" IntelligentLabelsEnabled="True">

<Appearance>

<Border Color="134, 134, 134" />

</Appearance>

<Series>

<telerik: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>

</telerik:ChartSeries>

</Series>

<Legend Visible="False">

<Appearance Dimensions-Margins="15%, 2%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px"

Visible="False">

<ItemTextAppearance TextProperties-Color="Black">

</ItemTextAppearance>

<ItemMarkerAppearance Figure="Square">

</ItemMarkerAppearance>

</Appearance>

</Legend>

<PlotArea>

<XAxis>

<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" LabelAppearance-RotationAngle="-90">

<MajorGridLines Color="134, 134, 134" Width="0" />

<LabelAppearance RotationAngle="-90">

</LabelAppearance>

<TextAppearance TextProperties-Color="Black" Position-AlignedPosition="None">

</TextAppearance>

</Appearance>

<AxisLabel>

<Appearance Position-AlignedPosition="Bottom">

</Appearance>

<TextBlock>

<Appearance TextProperties-Color="Black" Position-AlignedPosition="Bottom">

</Appearance>

</TextBlock>

</AxisLabel>

</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 Dimensions-Margins="25px, 25px, 75px, 75px">

<FillStyle FillType="Solid" MainColor="">

</FillStyle>

</Appearance>

</PlotArea>

<ChartTitle Visible="False">

<Appearance Visible="False">

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock>

<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px">

</Appearance>

</TextBlock>

</ChartTitle>

</telerik:RadChart>

2 Answers, 1 is accepted

Accepted