Dimensions in Blazor Circular Gauge Component
24 Aug 20211 minute to read
Size for Circular Gauge
You can set the size of the Circular Gauge in pixel as demonstrated below.
@using Syncfusion.Blazor.CircularGauge <SfCircularGauge Width= "200px" Height= "200px"></SfCircularGauge>
By setting value in percentage, gauge gets its dimension with respect to its container. For example, when
the height is ‘50%’, gauge is rendered to half of the container height.
@using Syncfusion.Blazor.CircularGauge <div style="height:450px; width:450px"> <SfCircularGauge Width="50%" Height="50%"></SfCircularGauge> </div>
When you do not specify the size, it takes
450pixels as the height and takes window size as its width.