All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Funnel Charts / Basic usage

      Sales statistics

      Dynamic Slope

      The slope for each segment depends on the ratio between the current and the next value

      Dynamic Height

      The height of the segment is the overall percentage for that dataItem

      Neck Ratio

      The ratio between the bases of the whole funnel element

      Description

      The Kendo UI chart is a data visualization widget which allows you to output a graphical representation of your data. It is useful when you would like to utilize modern browser technologies such as SVG or Canvas (with a fallback to VML for older IE versions) for interactive data visualizations. The chart supports various chart types such as area, bar, line, scatter, pie and donut, etc. as well as stock (OHLC).

      This example illustrates how to register and configure a Funnel Chart. A Funnel chart displays a single series of data in progressively decreasing or increasing proportions, organized in segments, where each segment represents the value for the particular item from the series. The items' values can also influence the height and the shape of the corresponding segments.


      To instantiate a Kendo UI chart, you need to specify an empty div with an id on the page, select this div with a jQuery selector and invoke the kendoChart() function. As a result, the chart is registered as a standard jQuery plugin.


      The chart can fetch data for its series from either local or remote data source. It can also use the Kendo UI DataSource as a mediator for processing data.


      Additional information about how to use the Kendo UI chart widget can be found in this section of the product documentation.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • index.html
      • Widget configuration

      Support & learning resources

      Funnel Charts for other technologies