New to Kendo UI for Vue? Start a free 30-day trial
Appearance
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.
Color
The colors of the Gauges are derived from the active Kendo UI for Vue theme. It is possible to customize them through the theme variables and the configuration.
