Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxHatchSettings Class

Contains element hatch pattern appearance settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
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