blazor-devexpress-dot-blazor-dot-dxsparkline-53e52e6f.md
Fires after the Sparkline is exported.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[Parameter]
public EventCallback Exported { get; set; }
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:
@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();
}
}
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