Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChartBase.Height Property

Specifies the chart component’s absolute or relative height.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

Default height

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 style="width: 932px; height: 440px">
    <DxPieChart Data="@SalesInfo" Width="75%" Height="75%"> @* Width = 699px; Height = 330px *@
        @* ... *@
    </DxPieChart>
</div>

75% width

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

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

400px height

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.

See Also