Public Methods and Events in ASP.NET Core Sparkline

7 Jul 20223 minutes to read

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>