Add a new property to HtmlChart as well as Gauges to AutoResize on parent control size change. A precondition to this is Height and Width of the control must be set in percentages of the parent control.
To implement this we can either use window.onresize or ResizeObserver.
The scenario is the same web-page should render perfectly on all kind of devices(mobile, tablet, desktop, laptop, projector, and high-resolution TV etc.)
The Bar width is set using Size property for Minor tick. The Pointer Width is set using Size property of Pointer.
Now that the sizes for bar and pointers are fixed, we cannot change it with changing screen resolution.
SVG has the property for scaling itself based on the design size and actual size on the client (ViewPort Size).
If something like design width and design height property is added, it will be really helpful to scale the same control and use it on all kind of devices with resolutions ranging from 320 x 180 to 4K UHD displays.
Implement autoscale functionality to RadGauge
Currently RadGauge has an option to turn on/off the animation when the chart is rendered through its transition property. If that property is set to true the requested feature will allow setting the speed/duration of the animation.
Currently only BarIndicator and Arrow are available. A line with contrasting color over the track, a double arrow, a circle, etc. can be other shapes built-in in the control.