BarGauge

A circular bar widget.

Type: Object

The dxBarGauge widget represents data as a set of bars. Each bar resides on a separate circular track and indicates one value. That bar is accompanied by a label displaying the indicated value.

The dxBarGauge widget, like any other ChartJS widget, can be created using one of the three possible approaches: jQuery, Knockout or AngularJS. The following code demonstrates how to create the dxCircularGauge widget within the "barGaugeContainer" container using the jQuery approach.

<script>
  $(function () {
    $("#barGaugeContainer").dxBarGauge({
      //Options of the configuration object are specified here
    });
  });
</script>

To configure the dxBarGauge widget, pass a configuration object as the constructor's parameter. The fields of this object represent the widget's configuration options. To specify the options, set the configuration object's fields to the required values. Refer to the Configuration section to find the options that can be specified for your bar gauge.

Start Tutorial View Demo Watch Video

Configuration

An object that defines configuration options for the dxBarGauge widget.

Methods

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