DxSubtitleSettings Class

Contains subtitle settings.

Assembly: DevExpress.Blazor.v24.2.dll

Declaration

public class DxSubtitleSettings :
    SubtitleBaseSettings

Remarks

Use DxSubtitleSettings objects to configure subtitle settings for the following components:

DxBarGauge: A component that visualizes data as circular bars where each bar indicates a single value.
DxSankey: A component that depicts value flow between two entity sets.
DxRangeSelector: An interactive component that visualizes data on a linear scale and allows users to select a value range.

Show Nested Component Structure

DxTitleSettings
- DxFontSettings
- DxMarginSettings
- DxSubtitleSettings
  - DxFontSettings

To create a subtitle, add a DxSubtitleSettings object to DxTitleSettings component markup.

The DxSubtitleSettings component allows you to specify the following properties at the component level:

Offset: Specifies vertical subtitle offset from the title.
Text: Specifies subtitle text.
TextOverflow | WordWrap: Specify how to display overflowing subtitle text.

You can also add a DxFontSettings object to subtitle markup to configure the subtitle’s font settings.

Example

The following code snippet customizes the Bar Gauge‘s title and subtitle:

Bar Gauge - Title and Subtitle Customization

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxTitleSettings Text="Custom Title"
                     VerticalAlignment="VerticalEdge.Bottom">
        <DxFontSettings Size="28" Weight="600" />
        <DxSubtitleSettings Text="Custom Subtitle">
            <DxFontSettings Opacity="0.5" Weight="500" />
        </DxSubtitleSettings>
    </DxTitleSettings>
    @* ... *@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
    // ...
}