Back to Devexpress

SankeyLinkColorMode Enum

blazor-devexpress-dot-blazor-f49c1ed2.md

latest3.2 KB
Original Source

SankeyLinkColorMode Enum

Lists color modes for DxSankey links.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public enum SankeyLinkColorMode

Members

NameDescription
None

The DxSankeyLinkSettings.Color property determines the link color.

| | Source |

The link color matches the source node’s color.

| | Target |

The link color matches the target node’s color.

| | Gradient |

The link color transitions from the source node’s color to the target node’s color.

|

The following properties accept/return SankeyLinkColorMode values:

Remarks

Use the DxSankeyLinkSettings.ColorMode property to specify the color mode for DxSankey links.

Example

The following example customizes DxSankey links:

razor
<DxSankey Data="@Data"
          Width="100%"
          Height="440px"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight">
    <DxSankeyNodeSettings Width="8" Spacing="30" />
    <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient"
                          Opacity="0.5"/>
    <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;
    }
}

See Also

DevExpress.Blazor Namespace