Back to Devexpress

DxSparkline.Exported Event

blazor-devexpress-dot-blazor-dot-dxsparkline-53e52e6f.md

latest2.7 KB
Original Source

DxSparkline.Exported Event

Fires after the Sparkline is exported.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[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();
    }
}
csharp
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;
    }
}

See Also

DxSparkline Class

DxSparkline Members

DevExpress.Blazor Namespace