Skip to main content
All docs
V25.1
  • DxHatchSettings Class

    Contains element hatch pattern appearance settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxHatchSettings :
        DxSettingsComponent<HatchSettingsModel>

    Remarks

    Use the DxHatchSettings object to configure hatching settings for the following components:

    DxSankeyHoverStyleSettings
    Contains hover style settings for the DxSankey component.

    Add a DxHatchSettings object to the target component’s markup to access and customize hatching settings.

    Component-Level Settings

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

    Direction
    Specifies how the target component displays hatch lines. To hide hatch lines, set the Direction property to None.
    LineSpacing
    Specifies the distance between two hatch lines.
    Opacity
    Specifies the opacity of hatch lines.
    Width
    Specifies the width of hatch lines.

    Example

    The following code snippet configures hatch lines for DxSankey links:

    DxSankey - Hatching Line Configuration

    <DxSankey Data="@Data"
              Width="100%"
              Height="440px"
              SourceFieldName="Source"
              TargetFieldName="Target"
              WeightFieldName="Weight">
        <DxSankeyNodeSettings Width="8" Spacing="30" />
        <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient">
            <DxSankeyHoverStyleSettings Color="#5f368d" Opacity="0.6">
                <DxHatchSettings Direction="HatchDirection.Right"
                                 LineSpacing="6"
                                 Width="2"
                                 Opacity="0.3"/>
            </DxSankeyHoverStyleSettings>
        </DxSankeyLinkSettings>
        <DxTitleSettings Text="Commodity Turnover" />
    </DxSankey>
    
    @code {
        IEnumerable<SankeyDataPoint> Data = Enumerable.Empty<SankeyDataPoint>();
        protected override void OnInitialized() {
            Data = GenerateData();
        }
    }
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.HatchSettingsModel>
    DxHatchSettings
    See Also