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

[Rishi]

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>

 

[Peshito]

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