Skip to main content
All docs
V24.1

DxBarGaugeLabelSettings Class

Contains settings for Bar Gauge labels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.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