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 KendoReact theme. It is possible to customize them through the theme variables and the configuration.