Search results

Linear Gauge dimensions

Size for Linear Gauge

You can set size for Linear Gauge directly using the Width and Height properties.

In pixel

You can set the size of Linear Gauge in pixel as demonstrated in the following code sample.

@using Syncfusion.EJ2.Blazor.LinearGauge

<EjsLinearGauge Width="100" Height="350">
</EjsLinearGauge>

Linear Gauge with Size in Pixel

In percentage

By setting value in percentage, Linear Gauge gets its dimension with respect to its parent. For example, when the height is ‘50%’, Linear Gauge is rendered to half of the parent height.

@using Syncfusion.EJ2.Blazor.LinearGauge

<EjsLinearGauge Width="100%" Height="50%">
</EjsLinearGauge>

Linear Gauge with Size in Percentage

Note: When you do not specify the size, it takes 450 pixels as the height and window size as its width.