radhtmlchart resetzoom option in asp.net

[narendra]

I have dynamically generated radhtmlcharts in asp.net page. after zooming into radhtmlchart I don't want to zoomout but I need an option for reset zoom in asp.net.

can anyone show me how to do rest of zoom feature for radhtmlchart in asp.net c#?

 

 

Thank you :)

 

[Vessy]

Hi Narenda,

RadHtmlChart does not expose a method that directly resets the zoom level, but you can achieve the same by resetting the min and max values of the y axis of the control in a similar way:

        <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="1640px" Height="480px">
            <Zoom Enabled="true">
                <MouseWheel Enabled="true" />
                <Selection Enabled="true" ModifierKey="Shift" />
            </Zoom>
            <PlotArea>
                <Series>
                    <telerik:ScatterLineSeries DataFieldY="SellQuantity" DataFieldX="SellDate">
                    </telerik:ScatterLineSeries>
                </Series>
                <XAxis BaseUnit="Seconds" BaseUnitStep="5" Step="1">
                </XAxis>
                <YAxis MinValue="0" MaxValue="10">
                </YAxis>

            </PlotArea>
            <Legend>
                <Appearance Visible="true" Position="Left"></Appearance>
            </Legend>
            <ChartTitle Text="Sold Cars per Date">
            </ChartTitle>
        </telerik:RadHtmlChart>
        <telerik:RadButton Text="Reset Zoom" runat="server" AutoPostBack="false" OnClientClicked="resetZoom"></telerik:RadButton>
        <script>
            function resetZoom() {
                var chart = $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget();
                chart.setOptions({
                    transitions: false,
                    categoryAxis: {
                        min: 0,
                        max: 10
                    }
                })
            }
        </script>

 

 

Regards,
Vessy
Progress Telerik

[narendra]

Hi thank you very much vessy.. very nice name

the above script works fine. but I have dynamic radhtmlchart control created in c# with unique ID. how can I pass control id from c# server-side code to client-side script and rest zoom.

 

 

 

[Peter Milchev]

Hello Narendra,

You can execute a JavaScript code from the server-side as demonstrated in the following article:

• https://www.telerik.com/support/kb/aspnet-ajax/details/executing-javascript-code-from-server-side-in-web-forms-and-asp.net-ajax;

If you need to reset many charts, you can add a CssClass to the chart and use it to get a reference to the HtmlChart using jQuery, as explained here:

• https://docs.telerik.com/devtools/aspnet-ajax/general-information/get-client-side-reference#using-jquery-selectors

Regards,
Peter Milchev
Progress Telerik