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.

  • html
  • <ej-spark-line id="SparkLine">
    </ej-spark-line>
    
    var line = $("#SparkLine").data("ejSparkLine");
    line.redraw();

    Events

    load

    Fires before loading the sparkline.

  • html
  • <ej-spark-line id="SparkLine" load="Load">
    </ej-spark-line>
    
    <script type="text/javascript">
        function Load(args) {
            // Do Something
        }
    </script>

    loaded

    Fires after loaded the sparkline.

  • html
  • <ej-spark-line id="SparkLine" loaded="Loaded">
    </ej-spark-line>
    
    <script type="text/javascript">
        function Loaded(args) {
            // Do Something
        }
    </script>

    tooltipInitialize

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

  • html
  • <ej-spark-line id="SparkLine" tooltip-initialize="TooltipInitialize">
    </ej-spark-line>
    
    <script type="text/javascript">
        function TooltipInitialize(args) {
            // Do Something
        }
    </script>

    seriesRendering

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

  • html
  • <ej-spark-line id="SparkLine" series-rendering="SeriesRendering">
    </ej-spark-line>
    
    <script type="text/javascript">
        function SeriesRendering(args) {
            // Do Something
        }
    </script>

    pointRegionMouseMove

    Fires when mouse is moved over a point.

  • html
  • <ej-spark-line id="SparkLine" point-region-mouse-move="PointRegionMouseMove">
    </ej-spark-line>
    
    <script type="text/javascript">
        function PointRegionMouseMove(args) {
            // Do Something
        }
    </script>

    pointRegionMouseClick

    Fires on clicking a point in sparkline. You can use this event to handle clicks made on points.

  • html
  • <ej-spark-line id="SparkLine" point-region-mouse-click="PointRegionMouseClick">
    </ej-spark-line>
    
    <script type="text/javascript">
        function PointRegionMouseClick(args) {
            // Do Something
        }
    </script>

    sparklineMouseMove

    Fires on moving mouse over the sparkline.

  • html
  • <ej-spark-line id="SparkLine" spark-line-mouse-move="SparkLineMouseMove">
    </ej-spark-line>
    
    <script type="text/javascript">
        function SparkLineMouseMove(args) {
            // Do Something
        }
    </script>

    sparklineMouseLeave

    Fires on moving mouse outside the sparkline.

  • html
  • <ej-spark-line id="SparkLine" spark-line-mouse-leave="SparkLineMouseLeave">
    </ej-spark-line>
    
    <script type="text/javascript">
        function SparkLineMouseLeave(args) {
            // Do Something
        }
    </script>