DxBarGaugeLabelSettings Class
Contains settings for Bar Gauge labels.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.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.
- DxBarGauge
DxBarGaugeLabelSettings
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:
<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