All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Bar Charts / Custom pan and zoom

      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.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • custom-pan-and-zoom.html
      • Widget configuration

      Support & learning resources

      Bar Charts for other technologies