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.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default"></EJ.Sparkline>,
document.getElementById('line')
);
function SparkLineMethod(){
var sparkObj = $("#default").data("ejSparkLine");
sparkObj.redraw();
};
Events
load
Fires before loading the sparkline.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" load = {Load}></EJ.Sparkline>,
document.getElementById('line')
);
function Load(){
// Do Something
};
loaded
Fires after loaded the sparkline.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" loaded = {Loaded}></EJ.Sparkline>,
document.getElementById('line')
);
function Loaded(){
// Do Something
};
tooltipInitialize
Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" tooltipInitialize ={TooltipInitialize}></EJ.Sparkline>,
document.getElementById('line')
);
function TooltipInitialize(){
// Do Something
};
seriesRendering
Fires before rendering a series. This event is fired for each series in Sparkline.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" seriesRendering = {SeriesRendering}></EJ.Sparkline>,
document.getElementById('line')
);
function SeriesRendering(){
// Do Something
};
pointRegionMouseMove
Fires when mouse is moved over a point.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" pointRegionMouseMove = {PointRegionMouseMove}></EJ.Sparkline>,
document.getElementById('line')
);
function PointRegionMouseMove(){
// Do Something
};
pointRegionMouseClick
Fires on clicking a point in sparkline. You can use this event to handle clicks made on points.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" pointRegionMouseClick = {PointRegionMouseClick}></EJ.Sparkline>,
document.getElementById('line')
);
function PointRegionMouseClick(){
// Do Something
};
sparklineMouseMove
Fires on moving mouse over the sparkline.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" sparklineMouseMove = {SparklineMouseMove}></EJ.Sparkline>,
document.getElementById('line')
);
function SparklineMouseMove(){
// Do Something
};
sparklineMouseLeave
Fires on moving mouse outside the sparkline.
<div id="line"></div>
ReactDOM.render(
<EJ.Sparkline id="default" sparklineMouseLeave = {SparklineMouseLeave}></EJ.Sparkline>,
document.getElementById('line')
);
function SparklineMouseLeave(){
// Do Something
};
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page