Migration from Essential® JS 1

8 Dec 202420 minutes to read

This article describes the API migration process of Accordion component from Essential® JS 1 to Essential® JS 2.

Sparkline Types

Behavior API in Essential® JS 1 API in Essential® JS 2
Type Property: type

<ej-spark-line id="sparkline" type="@SparklineType.Line"></ej-spark-line> 		Property: type

<ejs-sparkline id="sparkline" type="@SparklineType.Line"></ejs-sparkline>

Databinding

Behavior API in Essential® JS 1 API in Essential® JS 2
Datasource Property: dataSource

<ej-spark-line id="sparkline" datasource="data"></ej-spark-line> 		Property: dataSource

<ejs-sparkline id="sparkline" dataSource="data"></ejs-sparkline>
Binding X values with datasource Property: xName

<ej-spark-line id="sparkline" xName="xValue"></ej-spark-line> 		Property: xName

<ejs-sparkline id="sparkline" xName="xValue"></ejs-sparkline>
Binding Y values with datasource Property: yName

<ej-spark-line id="sparkline" yName="yValue"></ej-spark-line> 		Property: yName

<ejs-sparkline id="sparkline" yName="yValue"></ejs-sparkline>

Markers

Behavior API in Essential® JS 1 API in Essential® JS 2
Enable markers Property: markerSettings.visible

<ej-spark-line id="sparkline"> <e-marker-settings visible="true"></e-marker-settings></ej-spark-line> 		Property: markerSettings.visible

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings visible="all"></e-sparkline-markersettings></ejs-sparkline>

var all = new string[] {"All"}
Color Property: markerSettings.fill

<ej-spark-line id="sparkline"> <e-marker-settings fill="green"></e-marker-settings></ej-spark-line> 		Property: markerSettings.fill

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings fill="green"></e-sparkline-markersettings></ejs-sparkline>
Size Property: markerSettings.width

<ej-spark-line id="sparkline"> <e-marker-settings width="10"></e-marker-settings></ej-spark-line> 		Property: markerSettings.size

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings size=5></e-sparkline-markersettings></ejs-sparkline>
Opacity Property: markerSettings.opacity

<ej-spark-line id="sparkline"> <e-marker-settings opacity=0.5></e-marker-settings></ej-spark-line> 		Property: markerSettings.opacity

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings opacity=0.5></e-sparkline-markersettings></ejs-sparkline>
Border color Property: markerSettings.border.color

<ej-spark-line id="sparkline"><e-marker-settings><e-border color="green"></e-border></e-marker-settings></ej-spark-line> 		Property: markerSettings.border.color

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings border="border"></e-sparkline-markersettings></ejs-sparkline>

var border = new {color="red"}
Border width Property: markerSettings.border.width

<ej-spark-line id="sparkline"><e-marker-settings><e-border width="2"></e-border></e-marker-settings></ej-spark-line> 		Property: markerSettings.border.width

<ejs-sparkline id="sparkline"> <e-sparkline-markersettings border="border"></e-sparkline-markersettings></ejs-sparkline>

var border = new {width=2}
Border opacity Property: markerSettings.border.opacity

<ej-spark-line id="sparkline"><e-marker-settings><e-border opacity=0.7></e-border></e-marker-settings></ej-spark-line> 		Not applicable

Data labels

Behavior API in Essential® JS 1 API in Essential® JS 2
Enable data labels Not applicable Property: dataLabelSettings.visible

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings visible="all"></e-sparkline-datalabelsettings></ejs-sparkline>

var all = new string[] {"All"}
Color Not applicable Property: dataLabelSettings.fill

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings fill="red"></e-sparkline-datalabelsettings></ejs-sparkline>
Opacity Not applicable Property: dataLabelSettings.opacity

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings opacity=0.5></e-sparkline-datalabelsettings></ejs-sparkline>
Border color Not applicable Property: dataLabelSettings.border.color

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings border="border"></e-sparkline-datalabelsettings></ejs-sparkline>

var border = new {color="red"}
Border width Not applicable Property: dataLabelSettings.border.width

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings border="border"></e-sparkline-datalabelsettings></ejs-sparkline>

var border = new {width=2}
Format Not applicable Property: dataLabelSettings.format

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings format="${xval}: ${yval}"></e-sparkline-datalabelsettings></ejs-sparkline>
Horizontal Offset Not applicable Property: dataLabelSettings.offset.x

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings offset="offset"></e-sparkline-datalabelsettings></ejs-sparkline>

var offset = new {x=100}
Vertical Offset Not applicable Property: dataLabelSettings.offset.y

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings offset="offset"></e-sparkline-datalabelsettings></ejs-sparkline>

var offset = new {y=100}
Font color Not applicable Property: dataLabelSettings.textStyle.color

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {color="green"}
Font family Not applicable Property: dataLabelSettings.textStyle.fontFamily

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {fontFamily="Arial"}
Font style Not applicable Property: dataLabelSettings.textStyle.fontStyle

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {fontStyle="normal"}
Font weight Not applicable Property: dataLabelSettings.textStyle.fontWeight

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {fontWeight="bold"}
Font opacity Not applicable Property: dataLabelSettings.textStyle.opacity

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {opacity=0.5}
Font size Not applicable Property: dataLabelSettings.textStyle.fontSize

<ejs-sparkline id="sparkline"><e-sparkline-datalabelsettings textStyle="textStyle"></e-sparkline-datalabelsettings></ejs-sparkline>

var textStyle = new {fontSize="12px"}

Range band

Behavior API in Essential® JS 1 API in Essential® JS 2
Color Property: rangeBandSettings.color

<ej-spark-line id="sparkline"> <e-range-band-settings color="red"></e-range-band-settings></ej-spark-line> 		Property: rangeBandSettings.color

<ejs-sparkline id="sparkline"> <e-sparkline-rangebandsettings><e-sparkline-rangebandsetting color="red" ></e-sparkline-rangebandsetting></e-sparkline-rangebandsettings></ejs-sparkline>
Opacity Property: rangeBandSettings.opacity

<ej-spark-line id="sparkline"> <e-range-band-settings opacity="0.5"></e-range-band-settings></ej-spark-line> 		Property: rangeBandSettings.opacity

<ejs-sparkline id="sparkline"> <e-sparkline-rangebandsettings><e-sparkline-rangebandsetting opacity="0.5"></e-sparkline-rangebandsetting></e-sparkline-rangebandsettings></ejs-sparkline>
Start range Property: rangeBandSettings.startRange

<ej-spark-line id="sparkline"><e-range-band-settings start-range="5"></e-range-band-settings></ej-spark-line> 		Property: rangeBandSettings.startRange

<ejs-sparkline id="sparkline"> <e-sparkline-rangebandsettings><e-sparkline-rangebandsetting startRange="5"></e-sparkline-rangebandsetting></e-sparkline-rangebandsettings></ejs-sparkline>
End range Property: rangeBandSettings.endRange

<ej-spark-line id="sparkline"> <e-range-band-settings end-range="10"></e-range-band-settings></ej-spark-line> 		Property: rangeBandSettings.endRange

<ejs-sparkline id="sparkline"> <e-sparkline-rangebandsettings><e-sparkline-rangebandsetting endRange="10"></e-sparkline-rangebandsetting></e-sparkline-rangebandsettings></ejs-sparkline>

Special points customization

Behavior API in Essential® JS 1 API in Essential® JS 2
High point color Property: highPointColor

<ej-spark-line id="sparkline" high-point-color="green"></ej-spark-line> 		Property: highPointColor

<ejs-sparkline id="sparkline" highPointColor="red"></ejs-sparkline>
Low point color Property: lowPointColor

<ej-spark-line id="sparkline" low-point-color="green"></ej-spark-line> 		Property: lowPointColor

<ejs-sparkline id="sparkline" lowPointColor="red"></ejs-sparkline>
Negative point color Property: negativePointColor

<ej-spark-line id="sparkline" negative-point-color="green"></ej-spark-line> 		Property: negativePointColor

<ejs-sparkline id="sparkline" negativePointColor="red"></ejs-sparkline>
Start point color Property: startPointColor

<ej-spark-line id="sparkline" start-point-color="green"></ej-spark-line> 		Property: startPointColor

<ejs-sparkline id="sparkline" startPointColor="red"></ejs-sparkline>
End point color Property: endPointColor

<ej-spark-line id="sparkline" end-point-color="green"></ej-spark-line> 		Property: endPointColor

<ejs-sparkline id="sparkline" endPointColor="red"></ejs-sparkline>
Tie point color Property: tiePointColor

Not Applicable		 Property: tiePointColor

<ejs-sparkline id="sparkline" tiePointColor="red"></ejs-sparkline>

Axis customization

Behavior API in Essential® JS 1 API in Essential® JS 2
Show axis line Property: axisSettings.visible

<ej-spark-line id="sparkline"><e-axis-line-settings visible="true"></e-axis-line-settings></ej-spark-line> 		Property: axisSettings.lineSettings.visible

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { Visible= true}
Line color Property: axisSettings.color

<ej-spark-line id="sparkline"><e-axis-line-settings color="green"></e-axis-line-settings></ej-spark-line> 		Property: axisSettings.lineSettings.color

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { Color= "red"}
Line width Property: axisSettings.width

<ej-spark-line id="sparkline"><e-axis-line-settings width="3"></e-axis-line-settings></ej-spark-line> 		Property: axisSettings.lineSettings.width

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { Width= 2}
Dash array Property: axisSettings.dashArray

<ej-spark-line id="sparkline"><e-axis-line-settings dash-array="5,3"></e-axis-line-settings></ej-spark-line> 		Property: axisSettings.lineSettings.dashArray

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { DashArray= "5,3"}
X axis minimum value Not applicable Property: axisSettings.minX

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { MinX= 0}
X axis maximum value Not applicable Property: axisSettings.maxX

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { MaxY= 100}
Y axis minimum value Not applicable Property: axisSettings.minY

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { MinY= 0}
Y axis maximum value Not applicable Property: axisSettings.maxY

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { MaxY= 10}
Horizontal axis line position Not applicable Property: axisSettings.value

<ejs-sparkline id="sparkline" ><e-sparkline-axissettings lineSettings="lineSettings"></e-sparkline-axissettings></ejs-sparkline>

var lineSettings = new SparklineLineSettings { Value= 10}

Appearance customization

Behavior API in Essential® JS 1 API in Essential® JS 2
Background color Property: background

<ej-spark-line id="sparkline" background="grey"></ej-spark-line> 		Property: containerArea.background

<ejs-sparkline id="sparkline"><e-sparkline-containerarea background="red"></e-sparkline-containerarea></ejs-sparkline>
Border color Not applicable Property: containerArea.border.color

<ejs-sparkline id="sparkline"><e-sparkline-containerarea border="border"></e-sparkline-containerarea></ejs-sparkline>

var border = new {color="green"}
Border width Not applicable Property: containerArea.border.width

<ejs-sparkline id="sparkline"><e-sparkline-containerarea border="border"></e-sparkline-containerarea></ejs-sparkline>

var border = new {color="green"}
Series color Property: fill

<ej-spark-line id="sparkline" fill="grey"></ej-spark-line> 		Property: fill

<ejs-sparkline id="sparkline" fill="lime"></ejs-sparkline>
Series opacity Property: opacity

<ej-spark-line id="sparkline" opacity=0.5></ej-spark-line> 		Property: opacity

<ejs-sparkline id="sparkline" opacity=0.5></ejs-sparkline>
Line series width Property: width

<ej-spark-line id="sparkline" width=3></ej-spark-line> 		Property: lineWidth

<ejs-sparkline id="sparkline" lineWidth=4></ejs-sparkline>
Series border color Property: border.color

<ej-spark-line id="sparkline" ><e-border color="red"></e-border></ej-spark-line> 		Property: border.color

<ejs-sparkline id="sparkline"><e-sparkline-border color="green" ></e-sparkline-border></ejs-sparkline>
Series border width Property: border.width

<ej-spark-line id="sparkline" ><e-border width="1"></e-border></ej-spark-line> 		Property: border.width

<ejs-sparkline id="sparkline"><e-sparkline-border width=10></e-sparkline-border></ejs-sparkline>
Series palette Property: palette

<ej-spark-line id="sparkline" palette="palettes"></ej-spark-line>

var palettes = new string[] { "red", "green", "orange", "blue" }; 		Property: palette

<ejs-sparkline id="sparkline" palette="palettes"></ejs-sparkline>

var palettes = new string[] { "red", "green", "orange", "blue" };
Theme Property: theme

<ej-spark-line id="sparkline" theme="flatdark"></ej-spark-line> 		Property: theme

<ejs-sparkline id="sparkline" theme="Material"></ejs-sparkline>
Width Property: size.width

<ej-spark-line id="sparkline"><e-size width="300px"></e-size></ej-spark-line> 		Property: width

<ejs-sparkline id="sparkline" width="400px"></ejs-sparkline>
Height Property: size.height

<ej-spark-line id="sparkline" ><e-size color="red" height="300px"></e-size></ej-spark-line> 		Property: height

<ejs-sparkline id="sparkline" height="200px"></ejs-sparkline>

Tooltip

Behavior API in Essential® JS 1 API in Essential® JS 2
Show tooltip Property: tooltip.visible

<ej-spark-line id="sparkline"><e-tool-tip visible="true"></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.visible

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings visible="true"></e-sparkline-tooltipsettings></ejs-sparkline>
Background Property: tooltip.fill

<ej-spark-line id="sparkline"><e-tool-tip fill="white"></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.fill

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings fill="white"></e-sparkline-tooltipsettings></ejs-sparkline>
Format Not applicable Property: tooltipSettings.format

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings format="${xval}: ${yval}"></e-sparkline-tooltipsettings></ejs-sparkline>
Template Property: tooltip.template

<ej-spark-line id="sparkline"><e-tool-tip template="tooltip"></e-tool-tip></e-size></ej-spark-line>

<div id="tooltip"></br>  <div>#point.x#</div></br>  <div>#point.y#</div></br></div> 		Property: tooltipSettings.template

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings template="tooltip"></e-sparkline-tooltipsettings></ejs-sparkline>

<div id="tooltip">${x} : ${y}<div>
Font color Property: tooltip.font.color

<ej-spark-line id="sparkline"><e-tool-tip><e-font color="green"></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.color

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { color="gray"};
Font opacity Property: tooltip.font.opacity

<ej-spark-line id="sparkline"><e-tool-tip><e-font opacity=0.7></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.opacity

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { opacity=0.5};
Font size Property: tooltip.font.size

<ej-spark-line id="sparkline"><e-tool-tip><e-font size="14px"></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.size

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { size="14px"};
Font family Property: tooltip.font.fontFamily

<ej-spark-line id="sparkline"><e-tool-tip><e-font font-family="Arial"></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.fontFamily

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { fontFamily="Arial"};
Font style Property: tooltip.font.fontStyle

<ej-spark-line id="sparkline"><e-tool-tip><e-font font-style="normal"></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.fontStyle

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { fontStyle="normal"};
Font weight Property: tooltip.font.fontWeight

<ej-spark-line id="sparkline"><e-tool-tip><e-font font-weight="bold"></e-font></e-tool-tip></e-size></ej-spark-line> 		Property: tooltipSettings.textStyle.fontWeight

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings textstyle="textStyle"></e-sparkline-tooltipsettings></ejs-sparkline>

var textStyle = new { fontWeight="bold"};
Enable track line Not applicable Property: tooltipSettings.trackLineSettings.visible

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings><e-sparklinetooltipsettings-tracklinesettings visible="true"></e-sparklinetooltipsettings-tracklinesettings></e-sparkline-tooltipsettings></ejs-sparkline>
Track line color Not applicable Property: tooltipSettings.trackLineSettings.color

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings><e-sparklinetooltipsettings-tracklinesettings color="red"></e-sparklinetooltipsettings-tracklinesettings></e-sparkline-tooltipsettings></ejs-sparkline>
Track line width Not applicable Property: tooltipSettings.trackLineSettings.width

<ejs-sparkline id="sparkline"><e-sparkline-tooltipsettings><e-sparklinetooltipsettings-tracklinesettings width=5></e-sparklinetooltipsettings-tracklinesettings></e-sparkline-tooltipsettings></ejs-sparkline>

Rendering

Behavior API in Essential® JS 1 API in Essential® JS 2
Enable canvas rendering Property: enableCanvasRendering

<ej-spark-line id="sparkline" enable-canvas-rendering="true"></ej-spark-line> 		Not applicable

Localization

Behavior API in Essential® JS 1 API in Essential® JS 2
Localization Property: locale

<ej-spark-line id="sparkline" locale="en-US"></ej-spark-line> 		Property: type

<ejs-sparkline id="sparkline" locale="en-US"></ejs-sparkline>

Methods

Behavior API in Essential® JS 1 API in Essential® JS 2
Dynamically updating sparkline Method: redraw

var sparkline = $("#container").ejSparkline("instance");</br>sparkline.redraw(); 		Method: refresh

var sparkline = document.getElementById("container").ej2_instances[0];</br>sparkline.refresh();

Events

Behavior API in Essential® JS 1 API in Essential® JS 2
Load Event: load

<ej-spark-line id="sparkline" load="load"> </ej-spark-line>

function load(args) { } 		Event: load

<ejs-sparkline id="sparkline" load="load"></ejs-sparkline>

function load(args) { }
Load completed Event: loaded

<ej-spark-line id="sparkline" loaded="loaded"> </ej-spark-line>

function loaded(args) { } 		Event: loaded

<ejs-sparkline id="sparkline" loaded="loaded"></ejs-sparkline>

function loaded(args) { }
Initialize tooltip Event: tooltipInitialize

<ej-spark-line id="sparkline" tooltip-initialize="tooltipInitialize"></ej-spark-line>

function tooltipInitialize(args) { } 		Event: tooltipInitialize

<ejs-sparkline id="sparkline" tooltipInitialize="tooltipInitialize"></ejs-sparkline>

function tooltipInitialize(args) { }
Series rendering Event: seriesRendering

<ej-spark-line id="sparkline" series-rendering="seriesRendering"></ej-spark-line>

function seriesRendering(args) { } 		Event: seriesRendering

<ejs-sparkline id="sparkline" seriesRendering="seriesRendering"></ejs-sparkline>

function seriesRendering(args) { }
Region mouse move Event: pointRegionMouseMove

<ej-spark-line id="sparkline" point-region-mouse-move="pointRegionMove"></ej-spark-line>

function pointRegionMove(args) { } 		Event: pointRegionMouseMove

<ejs-sparkline id="sparkline" pointRegionMouseMove="pointRegionMouseMove"></ejs-sparkline>

function pointRegionMouseMove(args) { }
Region click Event: pointRegionMouseClick

<ej-spark-line id="sparkline" point-region-mouse-click="pointRegionClick"></ej-spark-line>

function pointRegionClick(args) { } 		Event: pointRegionMouseClick

<ejs-sparkline id="sparkline" pointRegionMouseClick="pointRegionMouseClick"></ejs-sparkline>

function pointRegionMouseClick(args) { }
Mouse move Event: sparklineMouseMove

<ej-spark-line id="sparkline" sparkline-mouse-move="mouseMove"> </ej-spark-line>

function mouseMove(args) { } 		Event: sparklineMouseMove

<ejs-sparkline id="sparkline" sparklineMouseMove="sparklineMouseMove"></ejs-sparkline>

function sparklineMouseMove(args) { }
Mouse leave Event: sparklineMouseLeave

<ej-spark-line id="sparkline" sparkline-mouse-leave="mouseLeave"></ej-spark-line>

function mouseLeave(args) { } 		Not applicable
Click Event: click

<ej-spark-line id="sparkline" sparkline-mouse-click="sparklineMouseClick"> </ej-spark-line>

function sparklineMouseClick(args) { } 		Event: sparklineMouseClick

<ejs-sparkline id="sparkline" sparklineMouseClick="sparklineMouseClick"></ejs-sparkline>

function sparklineMouseClick(args) { }
doubleClick Event: doubleClick

<ej-spark-line id="sparkline" ldouble-click="doubleClick"> </ej-spark-line>

function doubleClick(args) { } 		Not applicable
rightClick Event: rightClick

<ej-spark-line id="sparkline" right-click="rightClick"> </ej-spark-line>

function rightClick(args) { } 		Not applicable
axisRendering Not applicable Event: axisRendering

<ejs-sparkline id="sparkline" axisRendering="axisRendering"></ejs-sparkline>

function axisRendering(args) { }
dataLabelRendering Not applicable Event: dataLabelRendering

<ejs-sparkline id="sparkline" dataLabelRendering="dataLabelRendering"></ejs-sparkline>

function dataLabelRendering(args) { }
markerRendering Not applicable Event: markerRendering

<ejs-sparkline id="sparkline" markerRendering="markerRendering"></ejs-sparkline>

function markerRendering(args) { }
pointRendering Not applicable Event: pointRendering

<ejs-sparkline id="sparkline" pointRendering="pointRendering"></ejs-sparkline>

function pointRendering(args) { }
resize Not applicable Event: resize

<ejs-sparkline id="sparkline" resize="resize"></ejs-sparkline>

function resize(args) { }