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.Width Property

Specifies the chart component’s absolute or relative width.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public string Width { get; set; }

#Property Value

Type Description
String

The chart’s width in CSS units.

#Remarks

The chart stretches horizontally to occupy the entire parent container by width.

Default width

Use the Width and Height properties to specify a custom component size. The following code snippet sets the chart’s size to 75% of the parent component’s size.

Razor
<div style="width: 932px; height: 440px">
    <DxChart Data="@forecasts" Width="75%" Height="75%"> @* Width = 699px; Height = 330px *@
        @* ... *@
    </DxChart>
</div>

50% width

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

Razor
<DxChart Data="@forecasts" Width="800px">
  @* ... *@
</DxChart>

800px width

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