DxSparkline.Exported Event

Fires after the Sparkline is exported.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Remarks

When you call the ExportToAsync(String, DataExportFormat) method, the Sparkline exports its data and raises the Exported event.

The following code snippet handles the Exported event to display information about the exported file:

Razor

@inject IJSRuntime JSRuntime

<DxSparkline Data="@DataSource"
             @ref=@Sparkline
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             Exported="OnExported"
             Height="50px"
             Width="200px">
</DxSparkline>


<DxButton Text="Export to PDF" Click="ExportToPdf" />

@code {
    DxSparkline Sparkline;
    string fileName = "Custom PDF";

    async Task ExportToPdf() {
        await Sparkline.ExportToAsync(fileName, DataExportFormat.Pdf);
    }
    async Task OnExported() {
        await JSRuntime.InvokeVoidAsync("alert", $"The Sparkline is exported to the {fileName} file.");
    }

    IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
    protected override void OnInitialized() {
        DataSource = GenerateData();
    }
}

DataSource

public List<SparklineDataPoint> GenerateData() {
    return new List<SparklineDataPoint>() {
            new SparklineDataPoint( 01, 2132),
            new SparklineDataPoint( 02, 2103),
            new SparklineDataPoint( 03, null),
            new SparklineDataPoint( 04, 2152),
            new SparklineDataPoint( 05, 2062),
            new SparklineDataPoint( 06, 1954),
            new SparklineDataPoint( 07, 2112),
            new SparklineDataPoint( 08, 1967),
            new SparklineDataPoint( 09, 2009),
            new SparklineDataPoint( 10, 2087),
            new SparklineDataPoint( 11, 2112),
            new SparklineDataPoint( 12, 2038),
        };
}
public class SparklineDataPoint {
    public int Month { get; set; }
    public int? VisitorCount { get; set; }
    public SparklineDataPoint(int month, int? visitorCount) {
        Month = month;
        VisitorCount = visitorCount;
    }
}