Skip to main content
All docs
V25.1
  • DxSankey.Rendered Event

    Fires after the Sankey component is rendered.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public EventCallback Rendered { get; set; }

    Remarks

    Handle the Rendered event to track the moment when Sankey rendering is finished and the component is completely loaded.

    Example

    The following code snippet displays a custom Export to PDF button that exports Sankey data to a PDF file. The button appears after the component is completely loaded. For demo purposes, the example imitates a time-consuming operation.

    DxSankey - Export Data

    <DxSankey Data="@Data"
              @ref=@Sankey
              Rendered="@SankeyRendered"
              Width="100%"
              Height="440px"
              SourceFieldName="Source"
              TargetFieldName="Target"
              WeightFieldName="Weight">
        <DxSankeyNodeSettings Width="8" Spacing="30" />
        <DxTitleSettings Text="Commodity Turnover" />
    </DxSankey>
    
    <DxButton Text="Export to PDF" Visible="@buttonVisible" Click="@ExportToPdf" />
    
    @code {
        DxSankey Sankey;
        bool buttonVisible;
    
        IEnumerable<SankeyDataPoint> Data = Enumerable.Empty<SankeyDataPoint>();
        protected override void OnInitialized() {
            Data = GenerateData();
        }
    
        async Task SankeyRendered() {
            await Task.Delay(2000);
            buttonVisible = true;
        }
        async Task ExportToPdf() {
            await Sankey.ExportToAsync("Custom file", DataExportFormat.Pdf);
        }
    }
    
    See Also