To set the jqxBarGauge's size, you need to use the 'width' and 'height' properties. These properties accept number values and percentage values. jqxBarGauge offers many options to customize the BarGauge appearance. In this section we will go through the styling options available in different BarGauge elements. jQWidgets uses a CSS file - jqx.base.css. The base stylesheet creates the styles related to the widget's layout.
jqxBarGauge ships with eleven built-in color schemes which are used to automatically set colors for different series. You can change the color scheme by setting the colorScheme option of the BarGauge.
To change position of the title, you need to set 'verticalAlignment' property and/or 'horizontalAlignment' property of the title.
If need to make fine correction of the position of the title, can set 'margin' property of the title. It can also be set and 'font' (for both - title and subtitle) with standard members - 'color', 'family', 'opacity', 'size' and 'weight'.
To change inner radius of the BarGauge, you need to set 'relativeInnerRadius' property. It describe the ratio between the two radiuses. From zero to one.
To determine the geometry of the BarGauge, you need to set 'geometry' property. With those options 'startAngle' and 'endAngle'. These properties accept number values that describe angles in degrees.
To make fine settings to represent values with different sizes. To determine the segments of the BarGauge, you need to set 'min' property and/or 'max' property.
To represent value with mixed values positive and negative of the BarGauge, you need to set 'min' property with some negative value.
To change base value of the BarGauge, you need to set 'baseValue' property.
To change space between the segments in the BarGauge, you need to set 'barSpacing' property.
To set the animations of the BarGauge, you need to set 'animationDuration' property. Determine time of the animation. In milliseconds (1000 ms = 1 sec). If you don;t wat the widget to be animated - set 'animationDuration' to 0.