New to Kendo UI for jQuery? Download free 30-day trial

Custom pan and zoom

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
custom-pan-and-zoom.html

Also available for:

API REFERENCE

Description

In addition to the built-in pan and zoom functionality, the Kendo UI chart supports custom panning and zooming as well.

This example represents a custom implementation wiring the drag, dragEnd and zoom events of the chart. The idea is to intercept when these events are raised and fetch the data that has to be visualized in the chart, using a dynamical query by invoking the query method of the chart data source. Review the code snippets in the demo for more details.

Support & Learning Resources