Methods
redraw()
Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
export class AppComponent {
redraw(){
this.sparkline.widget.redraw();
}
// Create sparkline instance
@ViewChild('line') sparkline: EJComponents<any, any>;
}
Events
load
Fires before loading the sparkline.
onLoad(sender){
//Do something
}
<ej-sparkline id="events" (load)="onLoad($event)">
</ej-sparkline>
loaded
Fires after loaded the sparkline.
onLoaded(sender){
//Do something
}
<ej-sparkline id="events" (loaded)="onLoaded($event)">
</ej-sparkline>
tooltipInitialize
Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip.
onTooltipInitialize(sender){
//Do something
}
<ej-sparkline id="events" (tooltipInitialize)="onTooltipInitialize($event)">
</ej-sparkline>
seriesRendering
Fires before rendering a series. This event is fired for each series in Sparkline.
onSeriesRendering(sender){
//Do something
}
<ej-sparkline id="events" (seriesRendering)="onSeriesRendering($event)">
</ej-sparkline>
pointRegionMouseMove
Fires when mouse is moved over a point.
onPointRegionMouseMove(sender){
//Do something
}
<ej-sparkline id="events" (pointRegionMouseMove)="onPointRegionMouseMove($event)">
</ej-sparkline>
pointRegionMouseClick
Fires on clicking a point in sparkline. You can use this event to handle clicks made on points.
onPointRegionMouseClick(sender){
//Do something
}
<ej-sparkline id="events" (pointRegionMouseClick)="onPointRegionMouseClick($event)">
</ej-sparkline>
sparklineMouseMove
Fires on moving mouse over the sparkline.
onSparkLineMouseMove(sender){
//Do something
}
<ej-sparkline id="events" (sparklineMouseMove)="onSparkLineMouseMove($event)">
</ej-sparkline>
sparklineMouseLeave
Fires on moving mouse outside the sparkline.
onSparkLineMouseLeave(sender){
//Do something
}
<ej-sparkline id="events" (sparklineMouseLeave)="onSparkLineMouseLeave($event)">
</ej-sparkline>