Radchart: Not able to find out Plot Area Zoom In Option.

Thread is closed for posting
2 posts, 0 answers
  1. Rishi
    Rishi avatar
    11 posts
    Member since:
    Mar 2012

    Posted 03 Apr 2012 Link to this post

    I have issue with Radchart zoom in option. could help me out please?
    I designed the radchart with below code and able to see the results from the database.

    I would like to use the zoom in option on x and y axis at code behind. Am not having the properties to achive this requirement.
    As I didn't use chart area on below code, am using zoom option on Plotarea, Thats way its not giving the option.

    I don't want use this code (<ClientSettings EnableZoom="True" ScrollMode="Both"/>)due to some performance issues.
    and I would like to maintain the zoom in range from code behind file.        
    Please could you suggest How Could I design the radchart to get zoom option?


    <

     

     

    telerik:RadChart AutoLayout="True" Height="450px" ID="CapacityRadChart"

     

     

     

    runat="server" Skin="WebBlue" Width="935px" OnClick="CapacityRadchartClick">

     

    <%

     

    --<ClientSettings EnableZoom="True" ScrollMode="Both"/>--%>

     

     

     

    <Appearance>

     

     

     

    <FillStyle MainColor="249, 250, 251">

     

     

     

    </FillStyle>

     

     

     

    <Border Color="160, 170, 182" />

     

     

     

    </Appearance>

     

     

     

    <Legend>

     

     

     

    <Appearance Dimensions-Margins="1%, 1%, 1px, 1px"

     

     

     

    Dimensions-Paddings="1px, 1px, 1px, 1px"

     

     

     

    Position-AlignedPosition="Top">

     

     

     

    <ItemTextAppearance TextProperties-Color="102, 102, 102">

     

     

     

    </ItemTextAppearance>

     

     

     

    <FillStyle MainColor="216, 222, 227">

     

     

     

    </FillStyle>

     

     

     

    <Border Color="160, 170, 182" />

     

     

     

    </Appearance>

     

     

     

    </Legend>

     

     

     

    <PlotArea>

     

     

     

    <YAxis AutoScale="True" AxisMode="Extended">

     

     

     

    <Appearance>

     

     

     

    <MajorGridLines Color="227, 227, 227" />

     

     

     

    <MinorGridLines Color="227, 227, 227" />

     

     

     

    <TextAppearance AutoTextWrap="False"/>

     

     

     

    </Appearance>

     

     

     

    <AxisLabel>

     

     

     

    <TextBlock>

     

     

     

    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="TopLeft">

     

     

     

    </Appearance>

     

     

     

    </TextBlock>

     

     

     

    </AxisLabel>

     

     

     

    </YAxis>

     

     

     

    <XAxis AutoScale="True" DataLabelsColumn="RIID's" MaxValue="0" Step="0">

     

     

     

    <Appearance>

     

     

     

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

     

     

     

    <TextAppearance AutoTextWrap="True" />

     

     

     

    </Appearance>

     

     

     

    <AxisLabel>

     

     

     

    <TextBlock>

     

     

     

    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="BottomRight">

     

     

     

    </Appearance>

     

     

     

    </TextBlock>

     

     

     

    </AxisLabel>

     

     

     

    </XAxis>

     

     

     

    <Appearance>

     

     

     

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

     

     

     

    </FillStyle>

     

     

     

    </Appearance>

     

     

     

    </PlotArea>

     

     

     

    <ChartTitle>

     

     

     

    <Appearance>

     

     

     

    <FillStyle MainColor = "">

     

     

     

    </FillStyle>

     

     

     

    </Appearance>

     

     

     

    <TextBlock Text="Capacity Delay" >

     

     

     

    <Appearance TextProperties-Color="102, 102, 102"

     

     

     

    TextProperties-Font="Arial, 7pt" Position-AlignedPosition="Bottom">

     

     

     

    </Appearance>

     

     

     

    </TextBlock>

     

     

     

    </ChartTitle>

     

     

     

    </telerik:RadChart>

     

  2. Peshito
    Admin
    Peshito avatar
    496 posts

    Posted 06 Apr 2012 Link to this post

    Hi,

    Please, find attached a sample project demonstrating how to use Zooming and Scrolling in code behind.

    You can find more about Zooming and Scrolling here:
    http://www.telerik.com/help/aspnet-ajax/radchart-zoom-scroll.html

    or checkout our online demo example:
    http://demos.telerik.com/aspnet-ajax/chart/examples/newfeatures/zoomingscrolling/defaultcs.aspx

    Hope this helps.

    Greetings,
    Peshito
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top