Skip to main content
All docs
V24.1

DxChartAxisStripLabel Class

Defines a strip label.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartAxisStripLabel :
    DxComplexSettingsComponent<DxChartAxisStripLabel, ChartAxisStripLabelModel>,
    IModelProvider<ChartFontModel>

Remarks

The DxChartAxisStripLabel component allows you to show and configure labels for DxChartAxisStrip objects.

To create an axis strip label, add a DxChartAxisStripLabel object to strip markup and use the Text property to specify the label’s text. To customize the label’s font settings, add a DxChartFont object to label markup.

<DxChart Data="@DataSource" Width="100%">
    @* ... *@
    <DxChartValueAxis>
        <DxChartAxisStrip StartValue="@HighAverage"
                          Color="rgba(255, 155, 85, 0.15)">
            <DxChartAxisStripLabel Text="Above average high">
                <DxChartFont Color="@HighAverageColor" Weight="500" Size="14"/>
            </DxChartAxisStripLabel>
        </DxChartAxisStrip>
        <DxChartAxisStrip EndValue="LowAverage"
                          Color="rgba(97, 153, 230, 0.1)">
            <DxChartAxisStripLabel Text="Below average low">
                <DxChartFont Color="@LowAverageColor" Weight="500" Size="14" />
            </DxChartAxisStripLabel>
        </DxChartAxisStrip>
    </DxChartValueAxis>
</DxChart>

@code {
    // ...
    double HighAverage = 60.8;
    double LowAverage = 53;
    string HighAverageColor = "#ff9b52";
    string LowAverageColor = "#6199e6";
}

Chart - Axis strips

You can also customize the label’s position. The following options are available:

HorizontalAlignment
Specifies the horizontal alignment for the axis strip label.
VerticalAlignment
Specifies the vertical alignment for the axis strip label.
PaddingLeftRight
Specifies the padding between the left or right strip edge and its label.
PaddingTopBottom
Specifies the padding between the top or bottom strip edge and its label.

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartAxisStripLabelModel>
DxComplexSettingsComponent<DxChartAxisStripLabel, DevExpress.Blazor.Internal.ChartAxisStripLabelModel>
DxChartAxisStripLabel
See Also