Methods and Events

27 Feb 20186 minutes to read

Methods

redraw()

This methods redraws the entire sparkline. You can call redraw() whenever you update, add or remove points from the data source or whenever you want to refresh the UI.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server">    
</ej:Sparkline>

// redraw method for sparkline
$("#Sparkline1").ejSparkline("redraw");

Events

Load

The Load event is fired before loading the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientLoad="onLoad">    
</ej:Sparkline>

<script type="text/javascript">
    function onLoad(sender) {
                //Do something
    }
</script>

Loaded

The Loaded event is fired after loaded the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientLoaded="onLoaded">    
</ej:Sparkline>

<script type="text/javascript">
    function onLoaded(sender) {
                //Do something
    }
</script>

TooltipInitialize

Fires before rendering trackball tooltip. You can use TooltipInitialize event to customize the text displayed in trackball tooltip.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientTooltipInitialize="onTooltipInitialize">    
</ej:Sparkline>

<script type="text/javascript">
    function onTooltipInitialize(sender) {
                //Do something
    }
</script>

SeriesRendering

Fires before rendering a series. The SeriesRendering event is fired for each series in Sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientSeriesRendering="onSeriesRender">    
</ej:Sparkline>

<script type="text/javascript">
    function onSeriesRender(sender) {
                //Do something
    }
</script>

PointRegionMouseMove

The PointRegionMouseMove event is fired when mouse is moved over a point.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientPointRegionMouseMove="onPointMouseMove">    
</ej:Sparkline>

<script type="text/javascript">
    function onPointMouseMove(sender) {
                //Do something
    }
</script>

PointRegionMouseClick

The PointRegionMouseClick event is fired on clicking a point in sparkline. You can use this event to handle clicks made on points.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientPointRegionMouseClick="onPointMouseClick">    
</ej:Sparkline>

<script type="text/javascript">
    function onPointMouseClick(sender) {
                //Do something
    }
</script>

SparklineMouseMove

The SparklineMouseMove is fired on moving mouse over the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientSparklineMouseMove="onSparklineMouseMove">    
</ej:Sparkline>

<script type="text/javascript">
    function onSparklineMouseMove(sender) {
                //Do something
    }
</script>

SparklineMouseLeave

The SparklineMouseLeave event is fired on moving mouse outside the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientSparklineMouseLeave="onSparklineMouseLeave">    
</ej:Sparkline>

<script type="text/javascript">
    function onSparklineMouseLeave(sender) {
                //Do something
    }
</script>

Click

The Click event is fired on clicking the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientClick="onClick">    
</ej:Sparkline>

<script type="text/javascript">
    function onClick(sender) {
                //Do something
    }
</script>

DoubleClick

The DoubleClick event is fired on double clicking the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientDoubleClick="onDoubleClick">    
</ej:Sparkline>

<script type="text/javascript">
    function onDoubleClick(sender) {
                //Do something
    }
</script>

RightClick

The RightClick event is fired on right clicking the sparkline.

HTML

<ej:Sparkline ClientIDMode="Static" ID="Sparkline1" runat="server" OnClientRightClick="onRightClick">    
</ej:Sparkline>

<script type="text/javascript">
    function onRightClick(sender) {
                //Do something
    }
</script>