DxHatchSettings Class

Contains element hatch pattern appearance settings.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxHatchSettings :
    DxSettingsComponent<HatchSettingsModel>

Remarks

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

DxSankeyHoverStyleSettingsContains 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:

DirectionSpecifies how the target component displays hatch lines. To hide hatch lines, set the Direction property to None.LineSpacingSpecifies the distance between two hatch lines.OpacitySpecifies the opacity of hatch lines.WidthSpecifies the width of hatch lines.

Example

The following code snippet configures hatch lines for DxSankey links:

Razor
DataSource

razor

<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();
    }
}

csharp

public List<SankeyDataPoint> GenerateData() {
    return new List<SankeyDataPoint>() {
        new SankeyDataPoint("Spain", "United States of America", 2),
        new SankeyDataPoint("Germany", "United States of America", 8),
        new SankeyDataPoint("France", "United States of America", 4),
        new SankeyDataPoint("Germany", "Great Britain", 2),
        new SankeyDataPoint("France", "Great Britain", 4),
        new SankeyDataPoint("United States of America", "Australia", 6),
        new SankeyDataPoint("United States of America", "New Zealand", 5),
        new SankeyDataPoint("United States of America", "Japan", 3),
        new SankeyDataPoint("Great Britain", "New Zealand", 4),
        new SankeyDataPoint("Great Britain", "Japan", 1),
    };
}
public class SankeyDataPoint {
    public string Source { get; set; }
    public string Target { get; set; }
    public int Weight { get; set; }
    public SankeyDataPoint(string source, string target, int weight) {
        Source = source;
        Target = target;
        Weight = weight;
    }
}

Implements

Inheritance

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