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

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

1 Answer 106 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Rishi
Top achievements
Rank 1
Rishi asked on 03 Apr 2012, 06:09 PM
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>

 

1 Answer, 1 is accepted

Sort by
0
Peshito
Telerik team
answered on 06 Apr 2012, 09:06 AM
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.
Tags
Chart (Obsolete)
Asked by
Rishi
Top achievements
Rank 1
Answers by
Peshito
Telerik team
Share this question
or