Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxBarGaugeLabelSettings Class

Contains settings for Bar Gauge labels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxBarGaugeLabelSettings :
    DxComplexSettingsComponent<DxBarGaugeLabelSettings, BarGaugeLabelSettingsModel>,
    IModelProvider<TextFormatSettingsModel>,
    IModelProvider<FontSettingsModel>

#Remarks

Use the DxBarGaugeLabelSettings component to configure label settings for the DxBarGauge component.

Show Nested Component Structure

Add a DxBarGaugeLabelSettings object to bar gauge markup to configure bar labels. To hide labels, set the Visible property to false.

#Component-Level Settings

The DxBarGaugeLabelSettings component allows you to specify the following properties at the component level:

Visible
Specifies whether bar labels are visible.
ConnectorColor | ConnectorWidth
Allow you to customize the appearance of label connectors.
Indent
Specifies the indent between the outermost bar and bar labels.

#Nested Objects

In addition to component-level settings, you can also add the following objects to DxBarGaugeLegendSettings markup:

DxFontSettings
Contains the element’s font settings.
DxTextFormatSettings
Contains the element’s format settings.

#Example

The following code snippet configures DxBarGauge labels:

Bar Gauge - Label Customization

Razor
<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLabelSettings Indent="30"
                             ConnectorColor="purple"
                             ConnectorWidth="4">
        <DxFontSettings Weight="600" />
        <DxTextFormatSettings LdmlString="@LabelFormat" />
    </DxBarGaugeLabelSettings>
    @* ... *@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
    string LabelFormat = "##.#'%' ";
    // ...
}

#Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.BarGaugeLabelSettingsModel>
DxComplexSettingsComponent<DxBarGaugeLabelSettings, DevExpress.Blazor.ClientComponents.Internal.BarGaugeLabelSettingsModel>
DxBarGaugeLabelSettings
See Also