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