Completed
Last Updated: 13 Sep 2021 17:04 by ADMIN
A
Created on: 10 Sep 2021 10:49
Category: HtmlChart
Type: Bug Report
1
zoom by x-axis is incorect

Problem appers with x-axis if you try to zoom. 

Chart without zoom: https://drive.google.com/file/d/1Nem_NctJN5WtzypS8JgZTtIuAARGFQbd/view?usp=sharing

Chart with some zoom: https://drive.google.com/file/d/1TRJZX3FI52YXyuWgB_kpkMTWWXKecVC_/view?usp=sharing

Project included.

Attached Files:
1 comment
ADMIN
Vessy
Posted on: 13 Sep 2021 17:04

Hello,

In order to have proper zooming behavior when using a DateTime values for the XAxis, you have to set the axis type to "Date":

            <telerik:RadHtmlChart runat="server" ID="chart" Width="1000" Height="500" Transitions="true" Skin="Silk">
                <Zoom Enabled="true">
                    <Selection Enabled="true" ModifierKey="Shift" />
                    <MouseWheel Enabled="true" />
                </Zoom>
                ...
                    <XAxis DataLabelsField="X" Type="Date">
                        <LabelsAppearance RotationAngle="90">
                            <ClientTemplate>
                                 #=dataItem.X#
                            </ClientTemplate>
                        </LabelsAppearance>
                    </XAxis>

 

 

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.