DxChartBase.Height Property

Specifies the chart component’s absolute or relative height.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string Height { get; set; }

Property Value

Type	Description
String	The chart’s height in CSS units.

Remarks

The base height of a chart area is 300 pixels. If the chart displays additional elements (for example, a legend or title), the component grows by the height of these elements.

Use the Width and Height properties to specify a custom size for the chart component. The following code snippet sets the chart component size to 75% of the parent component (<div>).

Razor

<div class="container">
    <DxPieChart Data="@SalesInfo" Width="75%" Height="75%"> @* Width = 699px; Height = 330px *@
        @* ... *@
    </DxPieChart>
</div>

CSS

.container {
    width: 932px; 
    height: 440px;
}

You can also specify the Height property value in absolute units, for example, pixels.

<DxPieChart Data="@SalesInfo" Height="400px">
  @* ... *@
</DxPieChart>

If you set this property to a floating-point value, the chart uses the AwayFromZero operation to convert this value to the integer number that is treated as a value in pixels.