Zoom Chart with Large Black Borders

Thread is closed for posting
2 posts, 0 answers
  1. Jen
    Jen avatar
    2 posts
    Member since:
    Jun 2009

    Posted 02 Dec 2009 Link to this post

    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>

     

  2. Ves
    Admin
    Ves avatar
    2927 posts

    Posted 07 Dec 2009 Link to this post

    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.
Back to Top