CircularGauge

A widget that represents a gauge with a circular scale.

Type: Object

The dxCircularGauge widget allows you to present meaningful values on a numeric circular scale. The values can be displayed using different indicators such as needles, markers and range bars. In addition, different meaningful ranges can be highlighted on the scale.

The following code demonstrates how to create the dxCircularGauge widget within the "circularGaugeContainer" container using the dxCircularGauge jQuery plugin.

<script>
  $(function () {
    $("#circularGaugeContainer").dxCircularGauge({
      //Properties of the configuration object are specified here
    });
  });
</script>

To configure the dxCircularGauge widget, pass a configuration object as the constructor's parameter. The properties of this object represent the widget's configuration options. To specify the options, set the configuration object's properties to the required values. Refer to the Configuration section to find the options that are required to configure your circular gauge.

To learn about the dxCircularGauge widget, refer to the Visualization Gallery demo and Getting Started lessons.

Show Example:
jQuery

Configuration

An object that defines configuration options for the dxCircularGauge widget.

Methods

This section describes the methods that can be used in code to manipulate objects related to the dxCircularGauge widget.