Skip to main content

DxChartBase.Width Property

Specifies the chart component’s absolute or relative width.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor


public string Width { get; set; }

Property Value

Type Description

The chart’s width in CSS units.


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 example below sets the chart’s size to 75% of the parent component’s size.

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

50% width

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

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

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