We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


The pivot gauge control is ideal for highlighting business-critical key performance indicator (KPI) information and summary values in an intuitive manner.

Data Binding

Extensive support to bind both OLAP and relational data sources.

  • OLAP Data Sources - Supports SSAS, Mondrian, Active Pivot and Oracle.
  • Relational Data Sources - Supports IEnumerable List, DataTable and JSON.

Browser Compatibility

Our PivotGauge control are supported in all the major browsers in use today which includes

  • IE 8+
  • Firefox 2.0+
  • Chrome 1+
  • Opera 9+
  • Safari 3.0+

Key Performance Indicators

KPI are a collection of calculations associated with a measure group that evaluates business success. Typically, these calculations are a combination of multi-dimensional expressions (MDX) or calculated members. There are four he different types of available indicators are as follows:

  • KPI Goal
  • KPI Status
  • KPI Trend
  • KPI Value

Key Performance Indicators in JavaScript pivot gauge control

Frame Types

PivotGauge supports full-circle and half-circle frame types.

Full circle frame in JavaScript pivot gauge control Half circle frame in JavaScript pivot gauge control


Range of numbers bound by a minimum and a maximum values.

Scale in JavaScript pivot gauge control


Pointers are used to indicate a specific value on the scale.

Indicates specific value through the pointer in pivot gauge control


Ticks marks the values which are present on the scale. The different types of ticks available are:

  • Major Ticks - used to mark important values on the scale.
  • Minor Ticks – used to mark less significant values and are usually displayed between the major ticks. Indicates values using ticks for the scale in pivot gauge control

Ranges and Indicators

Ranges highlight a range of values and can display different ranges in different colors. Ranges can be customized by changing border and background color of the range. Indicators are used to accurately measure small distances and angles and amplify them to make them more obvious.

Customizes ranges with different colors in pivot gauge control


PivotGauge control can display multiple Gauges in a structured layout by defining the row and column count. The display will wrap to fit the available space.

Display count of JavaScript pivot gauge control within the layout


PivotGauge provides option to display information such as measure name, member name, goal and value while hovering each individual gauges.

Tooltip support in JavaScript pivot gauge control


Localization is the process of customizing the user interface (UI) based upon the local culture setting. Using this feature, data can be displayed in a specific language.

Localization support in JavaScript  pivot gauge control


PivotGauge supports 12 different types of pre-defined themes allowing users to switch between them to view the controls in different formats. Supported themes are flat-azure, flat-azure-dark, flat-lime, flat-lime-dark, flat-saffron, flat-saffron-dark, gradient-azure, gradient-azure-dark, gradient-lime, and gradient-lime-dark, gradient-saffron and gradient-saffron-dark.

Pivot gauge control rendered with flat-azure theme Pivot gauge control rendered with flat-azure-dark theme Pivot gauge control rendered with flat-saffron theme Pivot gauge control rendered with flat-saffron-dark theme

Responsive Layout

Responsive layout is aimed at crafting sites to provide an optimal viewing experience - easy reading. It also provides navigation with a minimum of resizing, panning, and scrolling across a wide range of devices from tablet to desktop. By using this feature, you can achieve an effective view of the PivotGauge in all devices including desktops, tablets, mobiles, etc.

Normal view of JavaScript pivot gauge control Responsive view of JavaScript pivot gauge control

Angular Binding

Angular Binding provides structural Framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly.

Knockout Binding

Knockout binding system provides a concise and powerful way to link data to the UI. It’s generally easy and obvious to bind to simple data properties.


Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon