[Solved] Zoom Chart with Large Black Borders

[Jen]

Hi,
I am using the AJAX radchart with zooming and a button to toggle the zoom server side.  All is well except that I get these large black borders on the X and Y axis when it goes in Zoom mode.  Any ideas?  Below is my code for the aspx.
Thank you,
Jen

 

<telerik:RadChart ID="RadChart1"

 

 

runat="server" ChartImageFormat="Bmp"

 

 

ClientSettings-EnableZoom="false" AutoLayout="True"

 

 

DefaultType="Line" Skin="ExcelClassic" Width="1014px" Height="500px"

 

 

OnItemDataBound="RadChart1_ItemDataBound" OnDataBound="RadChart1_DataBound" >

 

 

<Series>

 

 

 

<telerik:ChartSeries Type="Line">

 

<

 

Appearance ShowLabels="false">

 

<

 

FillStyle MainColor="156, 154, 255" SecondColor="156, 154, 255">

 

 

</FillStyle>

 

<

 

Border Color="Black"></Border>

 

</

 

Appearance>

 

</

 

telerik:ChartSeries>

 

</

 

Series>

 

 

<

 

PlotArea>

 

<

 

XAxis >

 

<

 

Appearance >

 

 

<LabelAppearance RotationAngle="30" >

 

 

</LabelAppearance>

 

<

 

MajorGridLines Width="0" Color="DimGray"></MajorGridLines>

 

</

 

Appearance>

 

<

 

AxisLabel >

 

<

 

TextBlock Text="Date/Time">

 

<

 

Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold"></Appearance>

 

</

 

TextBlock>

 

</

 

AxisLabel>

 

</

 

XAxis>

 

<

 

YAxis>

 

<

 

Appearance MinorTick-Width="0">

 

<

 

MajorGridLines Color="Black"></MajorGridLines>

 

 

<MinorGridLines Width="0" />

 

</

 

Appearance>

 

<

 

AxisLabel>

 

<

 

TextBlock>

 

<

 

Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold"></Appearance>

 

</

 

TextBlock>

 

</

 

AxisLabel>

 

</

 

YAxis>

 

 

<YAxis2>

 

 

<AxisLabel>

 

 

<TextBlock>

 

 

<Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold">

 

 

</Appearance>

 

 

</TextBlock>

 

 

</AxisLabel>

 

 

</YAxis2>

 

<

 

Appearance Corners="Round, Round, Round, Round, 6">

 

<

 

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

 

 

<Border Color="Gray" />

 

</

 

Appearance>

 

</

 

PlotArea>

 

<

 

ChartTitle>

 

<

 

Appearance

 

 

Dimensions-Margins="4%, 10px, 14px, 0%" Position-AlignedPosition="Top">

 

</

 

Appearance>

 

<

 

TextBlock>

 

<

 

Appearance TextProperties-Font="Verdana, 12pt" TextProperties-Color="Black"></Appearance>

 

</

 

TextBlock>

 

</

 

ChartTitle>

 

 

<Legend>

 

 

<Appearance Dimensions-AutoSize="true" >

 

 

<ItemTextAppearance TextProperties-Font="Verdana, 9pt">

 

 

</ItemTextAppearance>

 

 

<Border Color="Black" />

 

 

</Appearance>

 

 

</Legend>

 

 

</telerik:RadChart>

 

[Ves]

Hi Jen,

Unfortunately, this seems to be an issue with the axes background in zoom/scroll scenario when ChartImageFormat is set to Bmp. The workaround would be to use Png instead.

Your Telerik points have been updated.

Best regards,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.