DxChartAxisStripLabel Class

Defines a strip label.

Assembly: DevExpress.Blazor.v24.1.dll

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.