DxSparkline.Rendered Event
Fires after the Sparkline is rendered.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public EventCallback Rendered { get; set; }
Remarks
Handle the Rendered
event to track the moment when sparkline rendering is finished and the component is completely loaded.
The following code snippet displays a custom Export to PDF button that exports component data to a PDF file. The button appears after the Sparkline is completely loaded. For demo purposes, the example imitates a time-consuming operation.
<DxSparkline Data="@DataSource"
@ref=@Sparkline
ArgumentFieldName="Month"
ValueFieldName="VisitorCount"
Rendered="@SparklineRendered"
Height="50px"
Width="200px">
</DxSparkline>
<DxButton Text="Export to PDF" Visible="@buttonVisible" Click="ExportToPdf" />
@code {
bool buttonVisible;
DxSparkline Sparkline;
IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
protected override void OnInitialized() {
DataSource = GenerateData();
}
async Task SparklineRendered() {
await Task.Delay(2000);
buttonVisible = true;
}
async Task ExportToPdf () {
await Sparkline.ExportToAsync("Custom file", DataExportFormat.Pdf);
}
}
See Also