This article describes the API migration process of Accordion component from Essential JS 1 to Essential JS 2.
| 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> |
| 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> |
| 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 |
| 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"} |
| 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> |
| 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> |
| 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} |
| 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> |
| 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"> <div>#point.x#</div> <div>#point.y#</div></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> |
| 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 |
| 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> |
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
|---|---|---|
| Dynamically updating sparkline | Method: redrawvar sparkline = $("#container").ejSparkline("instance");sparkline.redraw(); |
Method: refreshvar sparkline = document.getElementById("container").ej2_instances[0];sparkline.refresh(); |
| 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) { } |