DxBarGaugeLabelSettings Class

Contains settings for Bar Gauge labels.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

DxBarGauge
- DxBarGaugeLabelSettings
  - DxFontSettings
  - DxTextFormatSettings

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:

VisibleSpecifies whether bar labels are visible.ConnectorColor | ConnectorWidthAllow you to customize the appearance of label connectors.IndentSpecifies 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:

DxFontSettingsContains the element’s font settings.DxTextFormatSettingsContains the element’s format settings.

Example

The following code snippet configures DxBarGauge labels:

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 = "##.#'%' ";
    // ...
}

Implements

Inheritance

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