Skip to main content
All docs
V25.1
  • DxBarGaugeLabelSettings Class

    Contains settings for Bar Gauge labels.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    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

    <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