DxSankey.LinkClick Event

Fires when a user clicks a DxSankey link.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public EventCallback<SankeyLinkClickEventArgs> LinkClick { get; set; }

Event Data

The LinkClick event's data class is SankeyLinkClickEventArgs. The following properties provide information specific to this event:

Property	Description
Connection	Returns the clicked link and its associated nodes.

Remarks

Handle the LinkClick event to respond to clicks on links.

The following code snippet handles the LinkClick event and displays information about the clicked link and associated nodes:

Razor
DataSource

razor

<DxSankey Data="@Data"
          Width="100%"
          Height="440px"
          LinkClick="@OnLinkClick"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight">
    <DxSankeyNodeSettings Width="8" Spacing="30" />
    <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient" />
    <DxTitleSettings Text="Commodity Turnover" />
</DxSankey>

@Message

@code {
    IEnumerable<SankeyDataPoint> Data = Enumerable.Empty<SankeyDataPoint>();
    protected override void OnInitialized() {
        Data = GenerateData();
    }

    string Message { get; set; }
    void OnLinkClick(SankeyLinkClickEventArgs args) {
        var connection = args.Connection;
        Message = "The source node: " + connection.SourceNode + ". " +
                  "The target node: " + connection.TargetNode + ". " +
                  "The link weight: " + connection.Weight + ".";
    }
}

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