Kendo UI for jQuery
jQuery Pyramid Chart
- Easily visualize data within a pyramidal structure organized into horizontal segments.
- Part of the Kendo UI for jQuery library along with 120+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, learning resources and more!
-
Overview
The Kendo UI for jQuery Pyramid Chart visualizes data in a pyramidal structure with horizontal segments. It facilitates a different size for each section, effectively illustrating the hierarchy of topics based on their respective width. The Pyramid Chart is ideal for for showing the different stages of a sales process and for illustrating the potential revenue from each stage. It can also be used to identify potential problem areas and to illustrate multiple values.
-
Pyramid Labels
The jQuery Pyramid Chart component enables you to show or hide particular labels and manage their alignment.
-
Binding to Remote Data
The Pyramid Chart supports remote data binding and enables you to display remote-storage data within the component. To implement the remote data-binding capability, you need to specify a remote endpoint or web service returning data in a JSON or JSONP, OData, or XML format, and utilize the Kendo UI DataSource as a mediator between the component and the underlying data.
-
Binding to Local Data
The Pyramid Chart supports local data binding and enables you to display local-storage data within the component. To implement the local data-binding option, you simply need to supply an array of JavaScript objects or JSON through the dataSource data property of the chart or utilize the Kendo UI DataSource as a mediator between the component and the underlying data.
-
Model-View-ViewModel (MVVM)
The Kendo UI for jQuery Model-View-ViewModel (MVVM) feature smoothly integrates with the Kendo UI DataSource and UI components. It offers robust two-way data binding capabilities which create attribute values for component observables and modify them automatically upon user interaction with the UI. The MVVM architecture is a popular design pattern which enables you to separate the data (Model) from the UI (View). It also exposes the Model data objects in a way that they can be easily consumed in the View.
