DxBarGaugeLabelSettings Class

Contains settings for Bar Gauge labels.

Assembly: DevExpress.Blazor.v24.1.dll

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

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:

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