Search results

Migration from Essential JS 1

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

Accumulation Chart

Behaviour API in Essential JS 1 API in Essential JS 2
annotations Property:Annotations

@(Html.EJ().Chart("chartContainer") .Annotations())
Property:annotations

@(Html.EJS().AccumulationChart("container") .Annotations())
background Property:Background

@(Html.EJ().Chart("chartContainer") .Background())
Property:Background

@(Html.EJS().AccumulationChart("container") .Background())
border Property:Border

@(Html.EJ().Chart("chartContainer") .Border(b => b.Color("red").Width("2")))
Property:Border

@(Html.EJS().AccumulationChart("container") .Background()).Border(b => b.Color("red").Width("2")))
DataSource Not applicable Property:DataSource

@(Html.EJS().AccumulationChart("container") .DataSource())
Animation after legend click Not applicable Property:EnableAnimation

@(Html.EJS().AccumulationChart("container") .EnableAnimation(true))
Persisting component's state between page reloads. Not applicable Property:EnablePersistance

@(Html.EJS().AccumulationChart("container") .EnablePersistance(true))
Enabling smart labels Property:Series.EnableSmartLabels

@(Html.EJ().Chart("chartContainer") .Series(s => s.EnableSmartLabels(true)))
Property:EnableSmartLabels

@(Html.EJS().AccumulationChart("container") .Series(s => s.EnableSmartLabels(true)))
Height of Chart Property:Size.Height

@(Html.EJ().Chart("chartContainer") .Size(s => s.Height("400")))
Property:Height

@(Html.EJS().AccumulationChart("container") .Height("400"))
Multi selection Property:SelectionSettings.Type

@(Html.EJ().Chart("chartContainer") .SelectionSettings(s => s.Type("multiple")))
Property:IsMultiSelect

@(Html.EJS().AccumulationChart("container") .IsMultiSelect(true))
legend Settings Property:Legend

@(Html.EJ().Chart("chartContainer") .Legend())
Property:LegendSettings

@(Html.EJS().AccumulationChart("container") .LegendSettings(true))
Margin for the chart Property:Margin

@(Html.EJ().Chart("chartContainer") .Margin(m => m.Top("10").Bottom("10")))
Property:Margin

@(Html.EJS().AccumulationChart("container") .Margin(m => m.Top("10").Bottom("10")))
SelectedDataIndexes Property:SelectedDataPointIndexes

@(Html.EJ().Chart("chartContainer") .SelectedDataPointIndexes())
Property:SelectedDataIndexes

@(Html.EJS().AccumulationChart("container") .SelectedDataIndexes(s => s.Series("0").Point("1"))
Selection Mode Property:SelectionSettings.Mode

@(Html.EJ().Chart("chartContainer") .SelectionSettings(s => s.Mode("point")))
Property:selectionMode

@(Html.EJS().AccumulationChart("container") .SelectionSettings(s => s.Mode("Point"))
Series Property:Series

@(Html.EJ().Chart("chartContainer") .Series())
Property:Series

@(Html.EJS().AccumulationChart("container") .Series())
Title text Property:Title.Text

@(Html.EJ().Chart("chartContainer") .Title(t => t.Text("pie chart"))
Property:Title

@(Html.EJS().AccumulationChart("container") .Title(t => t.Text("pie chart"))
Title Styles Property:TitleStyle

@(Html.EJ().Chart("chartContainer") .TitleStyle(t => t.FontFamily("SegoeUI"))
Property:TitleStyle

@(Html.EJS().AccumulationChart("Container") .TitleStyle(t => t.FontFamily("SegoeUI"))
Sub Title text Property:subTitle.text

@(Html.EJ().Chart("Container") .subTitle(t => t.Text("chart"))
Property:subTitle

@(Html.EJ().AccumulationChart("Container") .subTitle(t => t.Text("chart"))
Sub title Styles Property:Title

@(Html.EJ().Chart("chartContainer") .SubTitleStyle(s => s.Font()))
Property:SubTitleStyle

@(Html.EJS().AccumulationChart("container") .SubTitleStyle(s => s.Font()))
tooltip Property:Series.ToolTip

@(Html.EJ().Chart("chartContainer") .Series(s => s.Tooltip()))
Property:Tooltip

@(Html.EJS().AccumulationChart("container") .Series(s => s.Tooltip()))
Width of Chart Property:Size.Width

@(Html.EJ().Chart("chartContainer") .Size(s => s.Width("400")))
Property:Width

@(Html.EJS().AccumulationChart("container") .Size(s => s.Width("400")))

Annotation

Behaviour API in Essential JS 1 API in Essential JS 2
Content Property:Annotations.Content

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Content("divID")))
Property:Annotations.Content

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.Content("divID")))
coordinateUnits Property:Annotations.CoordinateUnit

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.CoordinateUnit("pixel")))
Property:Annotations.CoordinateUnit

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.CoordinateUnit("pixel")))
description Not Applicable Property:Description

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.Description("")))
horizontalAlignment for annotation Property:Annotations.HorizontalAlignment

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.HorizontalAlignment("middle")))
Property:annotations.horizontalAlignment

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.HorizontalAlignment("center")))
margin for annotation Property:Annotations.Margin

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Margin(m => m.Top("10").Bottom("10"))))
Not applicable
Opacity for annotation Property:Annotations.Opacity

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Opacity("0.5")))
Not applicable
Region for annotation with respect to chart or series Property:Annotations.Region

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Region("chart") ))
Property:Annotations.Region

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.Region("chart") ))
verticalAlignment for annotation Property:Annotations.VerticalAlignment

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.VerticalAlignment("middle")))
Property:Annotations.VerticalAlignment

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.VerticalAlignment("center")))
Visibility of annotations Property:Annotations.Visible

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Visible(true)))
Not applicable
X offset for annotation Property:Annotations.X

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.X("50")))
Property:Annotations.X

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.X("50")))
Y offset for annotation Property:Annotations.Y

@(Html.EJ().Chart("chartContainer") .Annotations(a => a.Y("150")))
Property:Annotations.Y

@(Html.EJS().AccumulationChart("container") .Annotations(a => a.Y("150")))

Series

Behaviour API in Essential JS 1 API in Essential JS 2
series Property:Series

@(Html.EJ().Chart("chartContainer") .Series())
Property:Series

@(Html.EJS().AccumulationChart("container") .Series())
animation for series Property:EnableAnimation

@(Html.EJ().Chart("chartContainer") .Series(s => s.EnableAnimation(true)))
Property:Animation.Enable

@(Html.EJS().AccumulationChart("container") .Series(s => s.Animation(a => a.Enable(true))))
animation duration for series Property:AnimationDuration

@(Html.EJ().Chart(“chartContainer”) .Series(s => s.AnimationDuration(“1000”)))

Property:Animation.Duration

@(Html.EJS().AccumulationChart("container") .Series(s => s.Animation(a => a.Duration("1000"))))
animation delay for series Not Applicable Property:Animation.Delay

@(Html.EJS().AccumulationChart("container") .Series(s => s.Animation(a => a.Delay("1000"))))
Border for series Property:Border

@(Html.EJ().Chart("chartContainer") .Series(s => s.Border(b => b.Color("red").Width("2"))))
Property:Border

@(Html.EJS().AccumulationChart("container") .Series(s => s.Border(b => b.Color("red").Width("2"))))
DataLabel for series Property:DataLabel

@(Html.EJ().Chart("chartContainer") .Series(s => s.DataLabel()))
Property:DataLabel

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel()))
DataSource for series Property:DataSource

@(Html.EJ().Chart("chartContainer") .Series(s => s.DataSource()))
Property:DataSource

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataSource()))
enableTooltip for series Property:Tooltip.Visible

@(Html.EJ().Chart("chartContainer") .Series(s => s.ToolTip(t =>t.Visible(true))))
Property:EnableTooltip

@(Html.EJS().AccumulationChart("container") .Series(s => s.EnableTooltip(true)))
start angle Property:StartAngle

@(Html.EJ().Chart("chartContainer") .Series(s => s.StartAngle("90")))
Property:StartAngle

@(Html.EJS().AccumulationChart("container") .Series(s => s.StartAngle("90")))
end angle Property:EndAngle

@(Html.EJ().Chart("chartContainer") .Series(s => s.EndAngle("190")))
Property:EndAngle

@(Html.EJS().AccumulationChart("container") .Series(s => s.EndAngle("190")))
explode Property:Explode

@(Html.EJS().AccumulationChart("container") .Series(s => s.Explode(true)))
Property:Explode

@(Html.EJS().AccumulationChart("container") .Series(s => s.Explode(true)))
explodeAll Property:ExplodeAll

@(Html.EJ().Chart("chartContainer") .Series(s => s.ExplodeAll(true)))
Property:ExplodeAll

@(Html.EJS().AccumulationChart("container") .Series(s => s.ExplodeAll(true)))
explodeIndex Property:ExplodeIndex

@(Html.EJ().Chart("chartContainer") .Series(s => s.ExplodeIndex("0")))
Property:ExplodeIndex

@(Html.EJS().AccumulationChart("container") .Series(s => s.EExplodeIndex("1")))
explodeOffset Property:ExplodeOffset

@(Html.EJ().Chart("chartContainer") .Series(s => s.ExplodeOffset("30%")))
Property:ExplodeOffset

@(Html.EJS().AccumulationChart("container") .Series(s => s.ExplodeOffset("30%")))
gapRatio Property:GapRatio

@(Html.EJ().Chart("chartContainer") .Series(s => s.GapRatio("0.6")))
Property:GapRatio

@(Html.EJS().AccumulationChart("container") .Series(s => s.GapRatio("0.6")))
gapWidth Property:GapWidth

@(Html.EJ().Chart("chartContainer") .Series(s => s.GapWidth("5")))
Not Applicable
inner radius of the accumulation chart Property:InnerRadius

@(Html.EJ().Chart("chartContainer") .Series(s => s.InnerRadius("30%")))
Property:innerRadius

@(Html.EJS().AccumulationChart("container") .Series(s => s.InnerRadius("30%")))
Legend shape of the series Not applicable Property:LegendShape

@(Html.EJS().AccumulationChart("container") .Series(s => s.LegendShape("Rectangle")))
name of the series Property:Name

@(Html.EJ().Chart("chartContainer") .Series(s => s.Name("")))
Property:Name

@(Html.EJS().AccumulationChart("container") .Series(s => s.Name("")))
neck height for funnel series Property:NeckHeight

@(Html.EJ().Chart("chartContainer") .Series(s => s.NeckHeight("50")))
Property:NeckHeight

@(Html.EJS().AccumulationChart("container") .Series(s => s.NeckHeight("50")))
neck width for funnel series Property:NeckWidth

@(Html.EJ().Chart("chartContainer") .Series(s => s.NeckWidth("50")))
Property:NeckWidth

@(Html.EJS().AccumulationChart("container") .Series(s => s.NeckWidth("50")))
opacity for series Property:Opacity

@(Html.EJ().Chart("chartContainer") .Series(s => s.Opacity("0.5")))
Property:Opacity

@(Html.EJS().AccumulationChart("container") .Series(s => s.Opacity("0.5")))
palettes for series Property:Palette

@(Html.EJ().Chart("chartContainer") .Series(s => s.Palette()))
Property:Palettes

@(Html.EJS().AccumulationChart("container") .Series(s => s.Palette()))
point color mapping name for series Property:PointColorMappingName

(Html.EJ().Chart("chartContainer") .Series(s => s.PointColorMappingName("color")))
Property:PointColorMapping

@(Html.EJS().AccumulationChart("container") .Series(s => s.PointColorMapping("color")))
Mode of pyramid series Property:PyramidMode

@(Html.EJ().Chart("chartContainer") .Series(s => s.PyramidMode("Surface")))
Property:PyramidMode

@(Html.EJS().AccumulationChart("container") .Series(s => s.PyramidMode("Linear")))
query for datasource for series Property:Query

@(Html.EJ().Chart("chartContainer") .Series(s => s.Query()))
Property:Query

@(Html.EJS().AccumulationChart("container") .Series(s => s.Query()))
Radius of Pie series Property:PieCoefficient

@(Html.EJ().Chart("chartContainer") .Series(s => s.PieCoefficient("0.5")))
Property:Radius

@(Html.EJS().AccumulationChart("container") .Series(s => s.Radius("0.5")))
Selection Style of Accumulation chart Not applicable Property:SelectionStyle

@(Html.EJS().AccumulationChart("container") .Series(s => s.SelectionStyle()))
tooltip Mapping name Not applicable Property:TooltipMappingName

(Html.EJS().AccumulationChart("container") .Series(s => s.TooltipMappingName()))
Type of series Property:Type

@(Html.EJ().Chart("chartContainer") .Series(s => s.Type("")))
Property:Type

@(Html.EJS().AccumulationChart("container") .Series(s => s.Type("")))
Name of the property in the datasource that contains x value for the series. Property:XName

@(Html.EJ().Chart("chartContainer") .Series(s => s.XName("x")))
Property:XName

@(Html.EJS().AccumulationChart("container") .Series(s => s.XName("x")))
Name of the property in the datasource that contains x value for the series. Property:YName

@(Html.EJ().Chart("chartContainer") .Series(s => s.YName("y")))
Property:YName

@(Html.EJS().AccumulationChart("container") .Series(s => s.YName("y")))
Width of funnel series Property:FunnelWidth

@(Html.EJ().Chart("chartContainer") .Series(s => s.FunnelWidth("100")))
Property:Width

@(Html.EJS().AccumulationChart("container") .Series(s => s.Width("100")))
Grouping Not Applicable Property:GroupTo

@(Html.EJS().AccumulationChart("container") .Series(s => s.GroupTo("1")))
GroupMode Not Applicable Property:GroupMode

@(Html.EJS().AccumulationChart("container") .Series(s => s.GroupMode("Point")))

DataLabel

Behaviour API in Essential JS 1 API in Essential JS 2
dataLabel Property:Series.Marker.DataLabel

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Visible(true)))))
Property:Series.DataLabel

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Visible(true))))
border of dataLabel Property:Series.Marker.DataLabel.Border

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Boder( b => b.Color("red").Width("2") )))))
Property:Border

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Boder( b => b.Color("red").Width("2")))))
connector style for dataLabel connector line Property:ConnectorLine

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.ConnectorLine( c => c.Type("Curve').Width("2") )))))
Property:connectorStyle

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.ConnectorLine( c => c.Type("Curve').Width("2") ))))
Fill for dataLabel Property:Fill

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Fill("red") ))))
Property:Fill

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Fill("red") )))
font for dataLabel Property:Font

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Font() ))))
Property:font

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Font() )))
position Property:Position

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Position("Inside") ))))
Property:Position

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Position("Outside") )))
Rounded corner radius X Not Applicable Property:DataLabel.Rx

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Rx("10"))))
Rounded corner radius Y Not Applicable Property:DataLabel.Ry

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Ry("10"))))
HTML template in dataLabel Property:DataLabel.Template

@(Html.EJ().Chart("chartContainer") .Series(s => s.Marker(m => m.DataLabel(d => d.Template("chart") ))))
Property:DataLabel.Template

@(Html.EJS().AccumulationChart("container") .Series(s => s.DataLabel(d => d.Template("chart") )))

Legend

Behaviour API in Essential JS 1 API in Essential JS 2
Default legend Property:Visible

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Visible(true)))
Property:Visible

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Visible(true)))
Legend height Property:Size.Height

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Size(s => s.Height("10"))))
Property:Height

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Height("10")))
Legend width Property:Size.Width

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Size(s => s.Width"10"))))
Property:Width

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Width("10")))
Legend location in chart Property:Location

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Location(loc => loc.X("10").Y("20"))))
Property:Location

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Location(loc => loc.X("10").Y("20"))))
Legend position in chart Property:Position

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Position("Top")))
Property:Position

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Position("Top")))
Legend padding Not applicable Property:Padding

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Padding("8")))
Legend alignment Property:Alignment

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Alignment("center")))
Property:Alignment

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Alignment("center")))
text style for legend Property:Font

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Font()))
Property:TextStyle

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Font()))
shape height of legend Property:ItemStyle.Height

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ItemStyle(i => i.Height("10"))))
Property:ShapeHeight

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.ShapeHeight("10")))
shape width of legend Property:ItemStyle.Width

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ItemStyle(i => i.Width("10"))))
Property:ShapeWidth

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.ShapeWidth("10")))
shape border of legend Property:ItemStyle.Border

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ItemStyle(i => i.Border())))
Not Applicable
shape padding of legend Property:ItemPadding

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ItemPadding("10")))
Property:ShapePadding

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.ShapePadding("10")))
Background of legend Property:Background

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Background("transparent")))
Property:Backgorund

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Background("transparent")))
Opacity of legend Property:Opacity

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Opacity("0.5")))
Property:Opacity

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Opacity("0.5")))
Toggle visibility of series while legend click Property:ToggleSeriesVisibility

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ToggleSeriesVisibility("true")))
Property:ToggleVisibility

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.ToggleVisibility<("true")))
Title for legend Property:Title

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Title(t => t.Text("chartText"))))
Not applicable
Text Overflow for legend Property:TextOverFlow

@(Html.EJ().Chart("chartContainer") .Legend(l => l.TextOverFlow("Trim")))
Property:TextStyle.TextOverFlow

@(Html.EJS().AccumulationChart("container") .LegendSettings(l => l.Text(t => t.TextOverFlow("trim"))))
Text width for legend while setting text overflow Property:TextWidth

@(Html.EJ().Chart("chartContainer") .Legend(l => l.TextWidth("20")))
Not applicable
Scroll bar for legend Property:EnableScrollBar

@(Html.EJ().Chart("chartContainer") .Legend(l => l.EnableScrollBar(true)))
Not applicable
Row count for legend Property:RowCount

@(Html.EJ().Chart("chartContainer") .Legend(l => l.RowCount("3")))
Not applicable
Column count for legend Property:ColumnCount

@(Html.EJ().Chart("chartContainer") .Legend(l => l.ColumnCount("2")))
Not applicable
Color for legend items Property:Fill

@(Html.EJ().Chart("chartContainer") .Legend(l => l.Fill("red")))
Not applicable

Methods

Behaviour API in Essential JS 1 API in Essential JS 2
animation for series Property:Chart.Animate

@(Html.EJ().Chart("chartContainer") .Animate()
Not applicable
Redraw for chart Property:Chart.Redraw

@(Html.EJ().Chart("chartContainer") .Redraw()
Property:Chart.Refresh()

@(Html.EJS().AccumulationChart("container") .Refresh()
Export Property:Chart.Export()

@(Html.EJ().Chart("chartContainer") .Export()
Property:Chart.Export()

@(Html.EJS().AccumulationChart("container") .Export()
Print Property:Chart.Print()

@(Html.EJ().Chart("chartContainer") .Print()
Property:Chart.Print()

@(Html.EJS().AccumulationChart("container") .Print()
AddSeries Not Applicable Property:Chart.AddSeries()

@(Html.EJS().AccumulationChart("container") .AddSeries()
RemoveSeries Not Applicable Property:Chart.RemoveSeries()

@(Html.EJS().AccumulationChart("container") .RemoveSeries()

Events

Behaviour API in Essential JS 1 API in Essential JS 2
Fires on annotation click Property:AnnotationClick

@(Html.EJ().Chart("chartContainer") .AnnotationClick())
Not applicable
Fires after animation Property:AnimationComplete

@(Html.EJ().Chart("chartContainer") .AnnotationComplete())
Property:AnimationComplete()

@(Html.EJS().AccumulationChart("container") .AnnotationComplete())
Fires on after chart resize Property:AfterResize

@(Html.EJ().Chart("chartContainer") .AfterResize())
Not applicable
Fires on before chart resize Property:BeforeResize

@(Html.EJ().Chart("chartContainer") .BeforeResize())
Property:Resized

@(Html.EJS().AccumulationChart("container") .Resized())
Fires on chart click Property:ChartClick

@(Html.EJ().Chart("chartContainer") .ChartClick())
Property:ChartMouseClick

@(Html.EJS().AccumulationChart("container") .ChartMouseClick())
Fires on chart mouse move Property:ChartMouseMove

@(Html.EJ().Chart("chartContainer") .ChartMouseMove())
Property:ChartMouseMove

@(Html.EJS().AccumulationChart("container") .ChartMouseClick())
Fires on chart mouse leave Property:ChartMouseLeave

$("#chart").ejChart({ @(Html.EJ().Chart("chartContainer") .ChartMouseLeave())
Property:chartMouseLeave

@(Html.EJS().AccumulationChart("container") .ChartMouseLeave())
Fires on before chart double click Property:ChartDoubleClick

@(Html.EJ().Chart("chartContainer") .ChartDoubleClick())
Not applicable
Fires on chart mouse up Not Applicable Property:ChartmouseUp

@(Html.EJS().AccumulationChart("container") .ChartmouseUp())
Fires on chart mouse down Not Applicable Property:ChartmouseDown

@(Html.EJS().AccumulationChart("container") .ChartmouseDown())
Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area Property:ChartAreaBoundsCalculate

@(Html.EJ().Chart("chartContainer") .ChartAreaBoundsCalculate())
Not applicable
Fires when chart is destroyed completely. Property:Destroy

@(Html.EJ().Chart("chartContainer") .Destroy())
Not applicable
Fires after chart is created. Property:Create

@(Html.EJ().Chart("chartContainer") .Create())
Property:Loaded

@(Html.EJS().AccumulationChart("container") .Loaded())
Fires before rendering the data labels. Property:DisplayTextRendering

@(Html.EJ().Chart("chartContainer") .DisplayTextRendering())
Property:TextRender

@(Html.EJS().AccumulationChart("container") .TextRender())
Fires on clicking the legend item. Property:LegendItemClick

@(Html.EJ().Chart("chartContainer") .LegendItemClick())
Not applicable
Fires when moving mouse over legend item Property:LegendItemMouseMove

@(Html.EJ().Chart("chartContainer") .LegendItemMouseMove())
Not applicable
Fires before rendering the legend item. Property:LegendItemRendering

@(Html.EJ().Chart("chartContainer") .LegendItemRendering())
Property:LegendRender

@(Html.EJS().AccumulationChart("container") .LegendRender())
Fires before loading the chart. Property:Load

@(Html.EJ().Chart("chartContainer") .Load())
Property:Load

@(Html.EJS().AccumulationChart("container") .Load())
Fires on clicking a point in chart. Property:PointRegionClick

@(Html.EJ().Chart("chartContainer") .PointRegionClick())
Property:PointClick

@(Html.EJS().AccumulationChart("container") .PointClick())
Fires when mouse is moved over a point. Property:PointRegionMouseMove

@(Html.EJ().Chart("chartContainer") .PointRegionMouseMove())
Property:PointMove

@(Html.EJS().AccumulationChart("container") .PointMove())
Fires before rendering chart. Property:PreRender

@(Html.EJ().Chart("chartContainer") .PreRender())
Not applicable
Fires when point render. Not Applicable Property:PointRender

@(Html.EJS().AccumulationChart("container") .PointRender())
Fires before rendering a series. Property:SeriesRendering

@(Html.EJ().Chart("chartContainer") .SeriesRendering())
Property:SeriesRender

@(Html.EJS().AccumulationChart("container") .SeriesRender())
Fires before rendering the Chart title. Property:TitleRendering

@(Html.EJ().Chart("chartContainer") .TitleRendering())
Not applicable
Fires before rendering the Chart sub title. Property:SubTitleRendering

@(Html.EJ().Chart("chartContainer") .SubTitleRendering())
Not applicable
Fires before rendering the tooltip. Property:ToolTipInitialize

@(Html.EJ().Chart("chartContainer") .ToolTipInitialize())
Property:TooltipRender

@(Html.EJS().AccumulationChart("container") .TooltipRender())