The size of the Linear Gauge can be set in pixel as demonstrated below.
@using Syncfusion.EJ2.LinearGauge; <ejs-lineargauge id="linear" Width="650px" Height="350px"></ejs-lineargauge>
By setting value in percentage, Linear Gauge receives its dimension matching to its parent. For example, when the height is set as ”50%”, Linear Gauge renders to half of the parent height. The Linear Gauge will be responsive when the width is set as ”100%“.
@using Syncfusion.EJ2.LinearGauge; <ejs-lineargauge id="linear" Width="100%" Height="50%"></ejs-lineargauge>
Note: When the component’s size is not specified, the height will be ”450px” and the width will be the same as the parent element’s width.