The Gauges enable you to set their width and height and customize their color.

Dimensions and Resizing

By default, the ArcGauge is rendered in a 200x200 px size while the LinearGauge and RadialGauge expand to the full width of the container element. To set a different size, use the style attribute—for example, style="width: 100%; height: 100%;" accommodates the component in the container element.

The components automatically resize and redraw their content when the size of their elements changes—for example, as a result of a browser window resizing.


The colors of the Gauges are derived from the active Kendo UI theme. It is possible to customize them through the theme variables and the configuration.