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

Declaration

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

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 *@
        @* ... *@
    </DxChart>
</div>

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

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

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.