DxChartAnnotationBase<T>.PaddingTopBottom Property

Specifies the padding between the top or bottom annotation edge and its content.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

Declaration

[DefaultValue(10)]
[Parameter]
public double PaddingTopBottom { get; set; }

Property Value

Type	Default	Description
Double	10	The padding in pixels.

Remarks

Use the PaddingLeftRight or PaddingTopBottom property to add or remove empty space around annotation content (an image or text string).

The code sample below removes paddings between the annotation’s edges and its image content:

<DxChart Data="@DataSource">
    @* ... *@
    <DxChartLineSeries ValueField="@((ApplePrice i) => i.Close)"
                       ArgumentField="@((ApplePrice i) => i.Date)"
                       Name="AAPL" />
    <DxChartAnnotation PositionX="150"
                       PositionY="150"
                       Type="ChartAnnotationType.Image"
                       Color="transparent"
                       PaddingLeftRight="0"
                       PaddingTopBottom="0">
        <DxChartAnnotationImage Url="@StaticAssetUtils.GetImagePath("AppleStock/stock.svg")"
                                Width="60"
                                Height="60" />
        <DxChartAnnotationBorder Visible="false" />
    </DxChartAnnotation>
</DxChart>

Refer to the DxChartAnnotationBase topic for more information about chart annotations.