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) { } |