blazor-devexpress-dot-blazor-350f108e.md
Lists values that specify how the target component displays hatch lines.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum HatchDirection
| Name | Description |
|---|---|
None |
Hatch lines are hidden.
|
| Right |
The component displays diagonal hatch lines from the upper-left to bottom-right corner.
|
| Left |
The component displays diagonal hatch lines from the bottom-left to upper-right corner.
|
The following properties accept/return HatchDirection values:
Use the DxHatchSettings.Direction property to specify how the target component displays hatch lines. To hide hatch lines, set this property to None.
The following code snippet configures hatch lines for DxSankey links:
<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();
}
}
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;
}
}
See Also