Search results

Migration from Essential JS 1

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

Annotations

Behaviour API in Essential JS 1 API in Essential JS 2
rotation of annotation Property:Annotations.Angle
@(Html.EJ().Chart("chartContainer") .Annotations(an => { .Angle(270).Add(); })
Not applicable
annotations Property:Annotations.Content
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Content("watermark").Add(); })
Property:Annotations.Content
@Html.EJS().Chart("container") .Annotations(an => { an.Content(ViewBag.content).Add(); })
coordinate unit for annotation Property:Annotations.CoordinateUnit
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.CoordinateUnit(CoordinateUnit.Pixels).Add(); }) )
Property:Annotations.CoordinateUnits
@Html.EJS().Chart("container") .Annotations(an => { an.CoordinateUnits(Syncfusion.EJ2.Charts.Units.Point).Add(); })
horizontalAlignment for annotation Property:Annotations.HorizontalAlignment
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.HorizontalAlignment(HorizontalAlignment.Left).Add(); }) )
Property:Annotations.HorizontalAlignment
@Html.EJS().Chart("container") .Annotations(an => { an.HorizontalAlignment(Syncfusion.EJ2.Charts.Position.Near).Add(); })
margin for annotation Property:Annotations.Margin
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Margin(mr=>mr.Right(40)).Add(); }) )
Not applicable
Opacity for annotation Property:Annotations.Opacity
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Opacity(0.2).Add(); }) )
Not applicable
Region for annotation with respect to chart or series Property:Annotations.Region
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Region(Region.Series).Add(); }) )
Property:Annotations.Region
@Html.EJS().Chart("container") .Annotations(an => { an.Region(Region.Series).Add(); })
verticalAlignment for annotation Property:Annotations.VerticalAlignment
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.VerticalAlignment(VerticalAlignment.Middle).Add(); }) )
Property:Annotations.VerticalAlignment
@Html.EJS().Chart("container") .Annotations(an => { an.VerticalAlignment(Syncfusion.EJ2.Charts.Position.Top).Add(); })
Visibility of annotations Property:Annotations.Visible
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Visible(true).Add(); }) )
Not applicable
X offset for annotation Property:Annotations.X
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.X(170).Add(); }) )
Property:Annotations.X
@Html.EJS().Chart("container") .Annotations(an => { an.X("170").Add(); })
X axis name in which annotation to be rendered Property:Annotations.XAxisName
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.XAxisName("xAxis").Add(); }) )
Property:Annotations.XAxisName
@Html.EJS().Chart("container") .Annotations(an => { an.XAxisName("xAxis").Add(); })
Y offset for annotation Property:Annotations.Y
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.Y("50").Add(); }) )
Property:Annotations.Y
@Html.EJS().Chart("container") .Annotations(an => { an.Y("50").Add(); })
Y axis name in which annotation to be rendered Property:Annotations.YAxisName
@(Html.EJ().Chart("chartContainer") .Annotations(an => { an.YAxisName("yAxis").Add(); }) )
Property:Annotations.YAxisName
@Html.EJS().Chart("container") .Annotations(an => { an.YAxisName("yAxis").Add(); })

Columns

Behaviour API in Essential JS 1 API in Essential JS 2
Columns in chart Property:ColumnDefinitions
@(Html.EJ().Chart("chartContainer") .ColumnDefinitions()
Property:Columns
@Html.EJS().Chart("container") .Columns()
unit Property:ColumnDefinitions.Unit
@(Html.EJ().Chart("chartContainer") .ColumnDefinitions(cdn => { cdn.Unit("percentage").Add(); })
Not applicable
width of columns in chart Property:ColumnDefinitions.ColumnWidth
@(Html.EJ().Chart("chartContainer") .ColumnDefinitions(cdn => { cdn.ColumnWidth(50).Add(); })
Property:Columns.Width
@Html.EJS().Chart("container") .Columns(columns => { columns.width("50%").Add(); })
Line customization Property:LineColor, LineWidth
@(Html.EJ().Chart("chartContainer") .ColumnDefinitions(cdn => { cdn.ColumnWidth(50).LineColor('red').LineWidth(2).Add(); }) )
Property:Columns.Border
@Html.EJS().Chart("container") .Columns(columns => { columns.Width("50%").Border(br => br.Width("2").Color("red")).Add(); })

CommonSeriesOptions

Behaviour API in Essential JS 1 API in Essential JS 2
commonSeriesOptions Property:CommonSeriesOptions
@(Html.EJ().Chart("chartContainer") .CommonSeriesOptions()
Not applicable

Crosshair

Behaviour API in Essential JS 1 API in Essential JS 2
crosshair Property:Crosshair.Visible
@(Html.EJ().Chart("chartContainer") .Crosshair(crosshair=>crosshair.Visible(true))
Property:Crosshair.Enable
@Html.EJS().Chart("container") .Crosshair(cr=>cr.Enable(true))
trackballTooltipSettings Property:TrackballTooltipSettings
@(Html.EJ().Chart("chartContainer") .Crosshair(crosshair => crosshair.TrackballTooltipSettings(tr => tr.Border(br => br.Width(2)))
Not applicable
marker Property:Marker
@(Html.EJ().Chart("chartContainer") .Crosshair(crosshair => crosshair.Marker(mr => mr.Border(br => br.Width(2)))
Not applicable
crosshair line style Property:Line
@(Html.EJ().Chart("chartContainer") .Crosshair(crosshair => crosshair.Line(line=>line.Color("grey").Width(2)))
Property:Line
@Html.EJS().Chart("container") .Crosshair(crosshair => crosshair.Line(line => line.Border(br => br.Width(2).Color("grey")))
type Property:Type
@(Html.EJ().Chart("chartContainer") .Crosshair(crosshair => crosshair.Type("trackball"))
Not applicable

3D chart

Behaviour API in Essential JS 1 API in Essential JS 2
3d chart Property:Enable3D
@(Html.EJ().Chart("chartContainer") .Enable3D(true) )
Not applicable
Rotation of 3d chart Property:EnableRotation
@(Html.EJ().Chart("chartContainer") .EnableRotation(true) )
Not applicable
depth Property:Depth
@(Html.EJ().Chart("chartContainer") .Depth(120) )
Not applicable

Canvas rendering

Behaviour API in Essential JS 1 API in Essential JS 2
canvas rendering Property:EnableCanvasRendering
@(Html.EJ().Chart("chartContainer") .EnableCanvasRendering(true) )
Not applicable

Indicators

Behaviour API in Essential JS 1 API in Essential JS 2
Type of Indicator Property:Type
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .Type(ChartIndicatorType.AccumulationDistribution).Add(); }) )
Property:Type
@Html.EJS().Chart("container").Indicators(id =>{id.Type(Syncfusion.EJ2.Charts.TechnicalIndicators.AccumulationDistribution).Add();})
Period for indicator Property:Period
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .Period(3).Add(); }) )
Property:Period
@Html.EJS().Chart("container").Indicators(id =>{id.Period(3).Add();})
%K value in stochastic indicator Property:KPeriod
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .KPeriod(14).Add(); }) )
Property:KPeriod
@Html.EJS().Chart("container").Indicators(id =>{id.KPeriod("14").Add();})
%D value in stochastic indicator Property:DPeriod
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .DPeriod("3").Add(); }) )
Property:DPeriod
@Html.EJS().Chart("container").Indicators(id =>{id.DPeriod("3").Add();})
Shows overSold/overBought values Not Applicable Property:ShowZones
@Html.EJS().Chart("container").Indicators(id =>{id.ShowZones(true).Add();})
Overbought value for RSI and stochastic indicator Not Applicable Property:OverBought
@Html.EJS().Chart("container").Indicators(id =>{id.OverBought("80").Add();})
Oversold value for RSI and stochastic indicator Not Applicable Property:OverSold
@Html.EJS().Chart("container").Indicators(id =>{id.OverSold("20").Add();})
Standard deviation for Bollingerbands Property:StandardDeviations
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .StandardDeviations("2").Add(); }) )
Property:StandardDeviation
@Html.EJS().Chart("container").Indicators(id =>{id.StandardDeviation("2").Add();})
Field for indicator Property:Field
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .Field("Close").Add(); }) )
Property:Field
@Html.EJS().Chart("container").Indicators(id =>{id.Field(Syncfusion.EJ2.Charts.FinancialDataFields.Close).Add();})
Slow period for MACD indicator Property:ShortPeriod
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .ShortPeriod("12").Add(); }) )
Property:slowPeriod
@Html.EJS().Chart("container").Indicators(id =>{id.slowPeriod("12").Add();})
Fast period for MACD indicator Property:LongPeriod
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .LongPeriod("26").Add(); }) )
Property:FastPeriod
@Html.EJS().Chart("container").Indicators(id =>{id.FastPeriod("26").Add();})
Line style for MACD indicator Property:MacdLine
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind .MacdLine(ma => ma.Width("2").Fill("red")).Add(); }) )
Property:MacdLine
@Html.EJS().Chart("container").Indicators(id =>{id.MacdLine(ma => ma.Width("2").Fill("red")).Add();})
Type of MACD indicator Property:Type
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Type(ChartIndicatorType.MACD).Add(); }) )
Property:MacdType
@Html.EJS().Chart("container").Indicators(id =>{id.MacdType(Syncfusion.EJ2.Charts.MacdType.Both).Add();})
Color of the positive bars in Macd indicators Not Applicable Property:MacdPositiveColor
@Html.EJS().Chart("container").Indicators(id =>{id.MacdPositiveColor("red").Add();})
Color of the negative bars in Macd indicators Not Applicable Property:MacdNegativeColor
@Html.EJS().Chart("container").Indicators(id =>{id.MacdNegativeColor("red").Add();})
Color for Bollinger bands Not Applicable Property:BandColor
@Html.EJS().Chart("container").Indicators(id =>{id.BandColor("red").Add();})
Appearance of upper line in indicator Property:UpperLine
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.UpperLine(up => up.Fill("red").Width("2")).Add(); }) )
Property:UpperLine
@Html.EJS().Chart("container").Indicators(id =>{id.UpperLine(up => up.Fill("red").Width("2")).Add();})
Appearance of lower line in indicator Property:LowerLine
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.LowerLine(lo => lo.Fill("red").Width("2")).Add(); }) )
Property:LowerLine
@Html.EJS().Chart("container").Indicators(id =>{id.LowerLine(lo => lo.Fill("red").Width("2")).Add();})
Appearance of period line in indicator Property:PeriodLine
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.PeriodLine(pl => pl.Fill("red").Width("2")).Add(); }) )
Property:PeriodLine
@Html.EJS().Chart("container").Indicators(id =>{id.PeriodLine(pl => pl.Fill("red").Width("2")).Add();})
Name of the series for which indicator has to be drawn Property:SeriesName
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.SeriesName("series1").Add(); }) )
Property:SeriesName
@Html.EJS().Chart("container").Indicators(id =>{id.SeriesName("series1")).Add();})
Options to customize the histogram in MACD indicator Property:Histogram
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind. Histogram().Add(); }) )
Not Applicable
Enabling animation Property:EnableAnimation
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind. enableAnimation(true).Add(); }) )
Property:Animation.Enable
@Html.EJS().Chart("container").Indicators(id =>{id.Animation(an => an.Enable(true)).Add();})
Animation duration Property:AnimationDuration
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind. animationDuration("3000").Add(); }) )
Property:Animation.Duration
@Html.EJS().Chart("container").Indicators(id =>{id.Animation(an => an.Duration("3000")).Add();})
Tooltip Property:Tooltip.Visible @(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Tooltip(tp => tp.Visible(true)).Add(); }) ) Not Applicable
Trigger value of MACD indicator Property:Trigger
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Trigger("14").Add(); }) )
Not Applicable
Fill color for indicator Property:Fill
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Fill("red").Add(); }) )
Property:Fill
@Html.EJS().Chart("container").Indicators(id =>{id.Fill("red").Add();})
Width for indicator Property:Width
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Width("2").Add(); }) )
Property:Width
@Html.EJS().Chart("container").Indicators(id =>{id.Width("2").Add();})
xAxis Name of indicator Property:XAxisName
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.XAxisName("").Add(); }) )
Property:XAxisName
@Html.EJS().Chart("container").Indicators(id =>{id.XAxisName("").Add();})
yAxis Name of indicator Property:YAxisName
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.YAxisName("").Add(); }) )
Property:YAxisName
@Html.EJS().Chart("container").Indicators(id =>{id.YAxisName("").Add();})
Visibility of indicator Property:Visibility
@(Html.EJ().Chart("chartContainer") .Indicators(ind => { ind.Visibility(true).Add(); }) )
Not Applicable

Legend

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

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

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

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Size(sz => sz.Height("50"))))
Property:Height

@Html.EJS().Chart("container").LegendSettings(legend => legend.Height("50"))
Legend width Property:Size.Width

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Size(sz => sz.Width("50"))))
Property:Width

@Html.EJS().Chart("container").LegendSettings(legend => legend.Width("50"))
Legend location in chart Property:Location

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Location(loc => loc.X("3").Y("45"))))
Property:Location

@Html.EJS().Chart("container").LegendSettings(le => le.Location(loc => loc.X("3").Y("45")))
Legend position in chart Property:Position

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

@Html.EJS().Chart("container").LegendSettings(le => le.Position(Syncfusion.EJ2.Charts.LegendPosition.Top))
Legend padding Not applicable Property:Padding

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

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Alignment(Syncfusion.JavaScript.DataVisualization.TextAlignment.Far)))
Property:Alignment

@Html.EJS().Chart("container") .LegendSettings(le => le.Alignment(Syncfusion.EJ2.Charts.Alignment.Far))
Text style for legend Property:Font

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Font(font=>font.FontFamily("Segoe UI").FontStyle(ChartFontStyle.Italic) .FontWeight(ChartFontWeight.Bold).Size("12px"))))
Property:Font

@Html.EJS().Chart("container") .LegendSettings(le => le.Font(ViewBag.font))
Shape height of legend Property:ItemStyle.Height

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.ItemStyle(item=>item.Height(13))))
Property:ShapeHeight

@Html.EJS().Chart("container") .LegendSettings(le => le.ShapeHeight(20))
Shape width of legend Property:ItemStyle.Width

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.ItemStyle(item=>item.Width("20"))))
Property:ShapeWidth

@Html.EJS().Chart("container") .LegendSettings(le => le.ShapeWidth("20"))
Shape border of legend Property:ItemStyle.Border

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.ItemStyle(item=>item.Border(br=>br.Width(1).Color("#FF0000")))))
Not Applicable
Shape padding of legend Property:ItemPadding

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

@Html.EJS().Chart("container") .LegendSettings(le => le.ShapePadding("20"))
Background of legend Property:Background

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

@Html.EJS().Chart("container") .LegendSettings(le => le.Backgorund("transparent"))
Opacity of legend Property:Opacity

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Opacity("0.3")))
Property:Opacity

@Html.EJS().Chart("container") .LegendSettings(le => le.Opacity("0.3"))
Toggle visibility of series while legend click Property:ToggleSeriesVisibility

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

@Html.EJS().Chart("container") .LegendSettings(le => le.ToggleVisibility(true))
Title for legend Property:Title

@(Html.EJ().Chart("chartContainer") .Legend(lg=>lg.Title()))
Not applicable
Text Overflow for legend Property:TextOverflow

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

@Html.EJS().Chart("container") .LegendSettings(le => le.TextStyle(tx => tx.TextOverFlow("Trim")))
Text width for legend while setting text overflow Property:TextWidth

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

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

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

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

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

primaryXAxis

Behaviour API in Essential JS 1 API in Essential JS 2
Alternate grid band Property:AlternateGridBand

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AlternateGridBand(alt => alt.even(e => e.Fill("red")))))
Not applicable
Axis line cross value Property:CrossesAt

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.CrossesAt(0)))
Property:CrossesAt

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.CrossesAt(0)))
Axis name with which the axis line has to be crossed Property:CrossesInAxis

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.CrossesInAxis("")))
Property:CrossesInAxis

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.CrossesInAxis(""))
Axis elements placed with axis line Property:ShowNextToAxisLine

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ShowNextToAxisLine(true)))
Property:PlaceNextToAxisLine

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.PlaceNextToAxisLine(true))
Axis line style Property:AxisLine.Color

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AxisLine(al => al.Color("red"))))
Property:LineStyle.Color

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LineStyle(ls => ls.Color("black")))
Axis line dashArray Property:AxisLine.DashArray

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AxisLine(al => al.DashArray("10,5"))))
Property:LineStyle.DashArray

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LineStyle(ls => ls.DashArray("10,5")))
Offset for axis Property:AxisLine.Offset

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AxisLine(al => al.Offset("10"))))
Property:PlotOffset

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LineStyle(ls => ls.PlotOffset("10")))
Visible of an axis Property:AxisLine.Visible

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AxisLine(al => al.Visible(false))))
Property:Visible

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LineStyle(ls => ls.Visible(false)))
Width of an axis Property:AxisLine.Width

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.AxisLine(al => al.Width("2"))))
Property:LineStyle.Width

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LineStyle(ls => ls.Width("2")))
Column index of an axis Property:ColumnIndex

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ColumnIndex("2"))))
Property:ColumnIndex

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.ColumnIndex("2")))
Span of an axis to place horizontally or vertically Property:ColumnSpan

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ColumnSpan("2"))))
Property:Span

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Span("2")))
Crosshair label of an axis Property:CrossHairLabel.Visible

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.CrossHairLabel(cr => cr.Visible(true))))
Property:CrossHairTooltip.Enable

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.CrossHairLabel(cr => cr.Enable(true)))
Crosshair label color of an axis Not applicable Property:CrossHairTooltip.Fill

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.CrossHairLabel(cr => cr.Fill("red")))
Crosshair label text style Not applicable Property:CrossHairTooltip.TextStyle

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.CrossHairLabel(cr => cr.TextStyle()))
Desired interval count for primaryXAxis Property:DesiredIntervals

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.DesiredIntervals("4")))
Property:DesiredIntervals

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.DesiredIntervals("4"))
Edges primaryXAxis Property:EdgeLabelPlacement

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.EdgeLabelPlacement("none")))
Property:EdgeLabelPlacement

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.EdgeLabelPlacement("none"))
Enables trim for axis labels Property:EnableTrim

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.EnableTrim(true)))
Property:EnableTrim

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.EnableTrim(true))
Specifies the interval of the axis according to the zoomed data of the chart Property:EnableAutoIntervalOnZooming

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.EnableAutoIntervalOnZooming(true)))
Property:EnableAutoIntervalOnZooming

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.EnableAutoIntervalOnZooming(true))
Title style for primaryXAxis Property:Font

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Font()))
Property:TitleStyle

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.TitleStyle())
Indexed for category axis Property:IsIndexed

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.IsIndexed(true)))
Property:IsIndexed

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.IsIndexed(true))
Interval type for date time axis Property:IntervalType

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.IntervalType("Auto")))
Property:IntervalType

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.IntervalType("Auto"))
Inversed axis Property:IsInversed

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.IsInversed(true)))
Property:IsInversed

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.IsInversed(true))
Custom label format Property:LabelFormat

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelFormat('{value}K')))
Property:LabelFormat

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelFormat('{value}K'))
labelIntersectAction Property:LabelIntersectAction

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelIntersectAction("trim")))
Property:LabelIntersectAction

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelIntersectAction("Trim"))
labelPosition Property:LabelPosition

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelPosition("inside")))
Property:LabelPosition

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelPosition("Inside"))
labelPlacement for category axis Property:LabelPlacement

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelPlacemen("onTicks")))
Property:LabelPlacement

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelPlacemen("onTicks"))
Axis label alignment Property:Alignment

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Alignment("center")))
Not Applicable
Rotation of axis labels Property:LabelRotation

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelRotation("45")))
Property:LabelRotation

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelRotation("45"))
Log base value for logarithmic axis Property:LogBase

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LogBase("10")))
Property:LogBase

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LogBase("10"))
Major grid line visible Property:MajorGridLines.visible

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Visible(true))))
Not Applicable
Width of MajorGridLines Property:MajorGridLines.Width

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Width("2"))))
Property:MajorGridLines.Width

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Color of MajorGridLines Property:MajorGridLines.Color

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Color("black"))))
Property:MajorGridLines.Color

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Color("black")))
DashArray of MajorGridLines Property:MajorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2"))))
Property:MajorGridLines.DashArray

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2")))
Opacity of major grid line Property:MajorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Opacity("0.5"))))
Not Applicable
Major Tick line Property:MajorTickLines.Visible

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorTickLines(mtl => mtl.Visible(true))))
Not Applicable
Width of MajorTickLines Property:MajorTickLines.Width

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorTickLines(mtl => mtl.Width("2"))))
Property:MajorTickLines.Width

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Height of MajorTickLines Property:MajorTickLines.Size

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorTickLines(mtl => mtl.Size("2"))))
Property:MajorTickLines.Height

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Height("2")))
Color of MajorTickLines Property:MajorTickLines.Color

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorTickLines(mtl => mtl.Color("black"))))
Property:MajorTickLines.Color

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MajorGridLines(mgl => mgl.Color("black")))
Opacity of major Tick line Property:MajorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MajorTickLines(mtl => mtl.Opacity("0.5"))))
Not Applicable
maximum labels of primaryXAxis Property:MaximumLabels

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MaximumLabels("5")))
Property:MaximumLabels

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MaximumLabels("5"))
maximum labels width of primaryXAxis to trim Property:MaximumLabelWidth

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MaximumLabelWidth("40")))
Property:MaximumLabelWidth

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MaximumLabelWidth("40"))
minor grid line Property:MinorGridLines.Visible

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Visible(true))))
Not Applicable
Width of minorGridLines Property:MinorGridLines.Width

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Width("2"))))
Property:MinorGridLines.Width

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Width("2")))
Color of minorGridLines Property:MinorGridLines.Color

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Color("black"))))
Property:MinorGridLines.Color

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Color("black")))
DashArray of minorGridLines Property:MinorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.DashArray("10,5"))))
Property:MinorGridLines.DashArray

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.DashArray("10,5")))
Opacity of minor grid line Property:MinorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorGridLines(mi => mi.Opacity("0.5"))))
Not Applicable
minor Tick line Property:MinorTickLines.Visible

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTickLines(mit => mit.Visible(true))))
Not Applicable
Width of minorTickLines Property:MinorTickLines.Width

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTickLines(mit => mit.Width("2"))))
Property:MinorTickLines.Width

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorTickLines(mi => mi.Width("2")))
Height of minorTickLines Property:MinorTickLines.Size

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTickLines(mit => mit.Size("2"))))
Property:MinorTickLines.Height

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorTickLines(mi => mi.Height("2")))
Color of minorTickLines Property:MinorTickLines.Color

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTickLines(mit => mit.Color("black"))))
Property:MinorTickLines.Color

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorTickLines(mi => mi.Color("black")))
Opacity of minor Tick line Property:MinorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTickLines(mit => mit.Opacity("0.5"))))
Not Applicable
Minor ticks per interval of primaryXAxis Property:MinorTicksPerInterval

Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MinorTicksPerInterval("4"))
Property:MinorTicksPerInterval

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MinorTicksPerInterval("4"))
name of the primaryXAxis Property:Name

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Name("primaryXAxis")))
Property:Name

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Name("primaryXAxis"))
Orientation of primaryXAxis Property:Orientation

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Orientation("Horizontal")))
Not Applicable
Plot offset for primaryXAxis Property:PlotOffset

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.PlotOffset("0")))
Property:PlotOffset

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.PlotOffset("0"))
minimum for primaryXAxis Property:Range.Minimum

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Range(r => r.Minimum("10"))))
Property:Minimum

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Minimum("10"))
maximum for primaryXAxis Property:Range.Maximum

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Range(r => r.Maximum("23"))))
Property:Maximum

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Maximum("23"))
interval for primaryXAxis Property:Range.Interval

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Range(r => r.Interval("2"))))
Property:Interval

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Interval("2"))
RangePadding for primaryXAxis Property:RangePadding

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.RangePadding("none")))
Property:RangePadding

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.RangePadding("none"))
Rounding Places in primaryXAxis Property:RoundingPlaces

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.RoundingPlaces("3")))
Property:LabelFormat

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.LabelFormat("n3"))
ScrollBar settings of primaryXAxis Property:ScrollbarSettings

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ScrollbarSettings()))
Not Applicable
TickPosition in primaryXAxis Property:TickLinesPosition

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.TickLinesPosition("Inside")))
Property:TickPosition

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.TickPosition("Inside")))
valueType of primaryXAxis Property:ValueType

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ValueType("DateTime")))
Property:ValueType

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.ValueType("DateTime"))
visible of primaryXAxis Property:Visible

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Visible(true)))
Property:Visible

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Visible(true))
zoomFactor of primaryXAxis Property:ZoomFactor

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ZoomFactor("0.3")))
Property:ZoomFactor

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.ZoomFactor("0.3"))
zoomPosition of primaryXAxis Property:ZoomPosition

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.ZoomPosition("0.3")))
Property:ZoomPosition

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.ZoomPosition("0.3"))
labelBorder of primaryXAxis Property:LabelBorder

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.LabelBorder(lb => lb.Color("red").Width("2"))))
Property:Border

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Border(b => b.Color("red").Width("2")))
title of primaryXAxis Property:Title.Text

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.Title(t => t.Text("Chart Title"))))
Property:Title

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.Title("Chart Title")
StripLine of primaryXAxis Property:StripLine

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.StripLine()))
Property:StripLines

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.StripLines())
Multilevel labels of primaryXAxis Property:MultiLevelLabels

(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px=>px.MultiLevelLabels)))
Property:MultiLevelLabels

@Html.EJS().Chart("container") .PrimaryXAxis(px=>px.MultiLevelLabels())
skeleton for an axes Not Applicable Property:Skeleton

@Html.EJS().Chart("container") .Axes(ax=>ax.Skeleton('yMd'))
skeleton type for an axes Not Applicable Property:SkeletonType

@Html.EJS().Chart("container") .Axes(ax=>ax.SkeletonType("DateTime"))

primaryYAxis

Behaviour API in Essential JS 1 API in Essential JS 2
Alternate grid band Property:AlternateGridBand

@(Html.EJ().Chart("chartContainer") .PrimaryYAxis(px=>px.AlternateGridBand(alt => alt.even(e => e.Fill("red")))))
Not applicable
Axis line cross value Property:CrossesAt

@(Html.EJ().Chart("chartContainer") .PrimaryYAxis(px=>px.CrossesAt(0)))
Property:CrossesAt

@Html.EJS().Chart("container") .PrimaryYAxis(px=>px.CrossesAt(0)))
Axis name with which the axis line has to be crossed Property:CrossesInAxis

@(Html.EJ().Chart("chartContainer") .PrimaryYAxis(px=>px.CrossesInAxis("")))
Property:CrossesInAxis

@Html.EJS().Chart("container") .PrimaryYAxis(px=>px.CrossesInAxis(""))
Axis elements placed with axis line Property:ShowNextToAxisLine

@(Html.EJ().Chart("chartContainer") .PrimaryYAxis(px=>px.ShowNextToAxisLine(true)))
Property:PlaceNextToAxisLine

@Html.EJS().Chart("container") .primaryYAxis(px=>px.PlaceNextToAxisLine(true))
Axis line style Property:AxisLine.Color

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.AxisLine(al => al.Color("red"))))
Property:LineStyle.Color

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LineStyle(ls => ls.Color("black")))
Axis line dashArray Property:AxisLine.DashArray

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.AxisLine(al => al.DashArray("10,5"))))
Property:LineStyle.DashArray

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LineStyle(ls => ls.DashArray("10,5")))
Offset for axis Property:AxisLine.Offset

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.AxisLine(al => al.Offset("10"))))
Property:PlotOffset

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LineStyle(ls => ls.PlotOffset("10")))
Visible of an axis Property:AxisLine.Visible

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.AxisLine(al => al.Visible(false))))
Property:Visible

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LineStyle(ls => ls.Visible(false)))
Width of an axis Property:AxisLine.Width

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.AxisLine(al => al.Width("2"))))
Property:LineStyle.Width

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LineStyle(ls => ls.Width("2")))
Column index of an axis Property:ColumnIndex

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ColumnIndex("2"))))
Property:ColumnIndex

@Html.EJS().Chart("container") .primaryYAxis(px=>px.ColumnIndex("2")))
Span of an axis to place horizontally or vertically Property:ColumnSpan

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ColumnSpan("2"))))
Property:Span

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Span("2")))
Crosshair label of an axis Property:CrossHairLabel.Visible

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.CrossHairLabel(cr => cr.Visible(true))))
Property:CrossHairTooltip.Enable

@Html.EJS().Chart("container") .primaryYAxis(px=>px.CrossHairLabel(cr => cr.Enable(true)))
Crosshair label color of an axis Not applicable Property:CrossHairTooltip.Fill

@Html.EJS().Chart("container") .primaryYAxis(px=>px.CrossHairLabel(cr => cr.Fill("red")))
Crosshair label text style Not applicable Property:CrossHairTooltip.TextStyle

@Html.EJS().Chart("container") .primaryYAxis(px=>px.CrossHairLabel(cr => cr.TextStyle()))
Desired interval count for primaryYAxis Property:DesiredIntervals

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.DesiredIntervals("4")))
Property:DesiredIntervals

@Html.EJS().Chart("container") .primaryYAxis(px=>px.DesiredIntervals("4"))
Edges primaryYAxis Property:EdgeLabelPlacement

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.EdgeLabelPlacement("none")))
Property:EdgeLabelPlacement

@Html.EJS().Chart("container") .primaryYAxis(px=>px.EdgeLabelPlacement("none"))
Enables trim for axis labels Property:EnableTrim

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.EnableTrim(true)))
Property:EnableTrim

@Html.EJS().Chart("container") .primaryYAxis(px=>px.EnableTrim(true))
Specifies the interval of the axis according to the zoomed data of the chart Property:EnableAutoIntervalOnZooming

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.EnableAutoIntervalOnZooming(true)))
Property:EnableAutoIntervalOnZooming

@Html.EJS().Chart("container") .primaryYAxis(px=>px.EnableAutoIntervalOnZooming(true))
Title style for primaryYAxis Property:Font

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Font()))
Property:TitleStyle

@Html.EJS().Chart("container") .primaryYAxis(px=>px.TitleStyle())
Indexed for category axis Property:IsIndexed

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.IsIndexed(true)))
Property:IsIndexed

@Html.EJS().Chart("container") .primaryYAxis(px=>px.IsIndexed(true))
Interval type for date time axis Property:IntervalType

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.IntervalType("Auto")))
Property:IntervalType

@Html.EJS().Chart("container") .primaryYAxis(px=>px.IntervalType("Auto"))
Inversed axis Property:IsInversed

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.IsInversed(true)))
Property:IsInversed

@Html.EJS().Chart("container") .primaryYAxis(px=>px.IsInversed(true))
Custom label format Property:LabelFormat

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelFormat('{value}K')))
Property:LabelFormat

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelFormat('{value}K'))
labelIntersectAction Property:LabelIntersectAction

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelIntersectAction("trim")))
Property:LabelIntersectAction

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelIntersectAction("Trim"))
labelPosition Property:LabelPosition

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelPosition("inside")))
Property:LabelPosition

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelPosition("Inside"))
labelPlacement for category axis Property:LabelPlacement

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelPlacemen("onTicks")))
Property:LabelPlacement

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelPlacemen("onTicks"))
Axis label alignment Property:Alignment

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Alignment("center")))
Not Applicable
Rotation of axis labels Property:LabelRotation

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelRotation("45")))
Property:LabelRotation

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelRotation("45"))
Log base value for logarithmic axis Property:LogBase

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LogBase("10")))
Property:LogBase

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LogBase("10"))
Major grid line visible Property:MajorGridLines.visible

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Visible(true))))
Not Applicable
Width of MajorGridLines Property:MajorGridLines.Width

@(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Width("2"))))
Property:MajorGridLines.Width

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Color of MajorGridLines Property:MajorGridLines.Color

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Color("black"))))
Property:MajorGridLines.Color

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Color("black")))
DashArray of MajorGridLines Property:MajorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2"))))
Property:MajorGridLines.DashArray

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2")))
Opacity of major grid line Property:MajorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Opacity("0.5"))))
Not Applicable
Major Tick line Property:MajorTickLines.Visible

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorTickLines(mtl => mtl.Visible(true))))
Not Applicable
Width of MajorTickLines Property:MajorTickLines.Width

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorTickLines(mtl => mtl.Width("2"))))
Property:MajorTickLines.Width

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Height of MajorTickLines Property:MajorTickLines.Size

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorTickLines(mtl => mtl.Size("2"))))
Property:MajorTickLines.Height

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Height("2")))
Color of MajorTickLines Property:MajorTickLines.Color

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorTickLines(mtl => mtl.Color("black"))))
Property:MajorTickLines.Color

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MajorGridLines(mgl => mgl.Color("black")))
Opacity of major Tick line Property:MajorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MajorTickLines(mtl => mtl.Opacity("0.5"))))
Not Applicable
maximum labels of primaryYAxis Property:MaximumLabels

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MaximumLabels("5")))
Property:MaximumLabels

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MaximumLabels("5"))
maximum labels width of primaryYAxis to trim Property:MaximumLabelWidth

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MaximumLabelWidth("40")))
Property:MaximumLabelWidth

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MaximumLabelWidth("40"))
minor grid line Property:MinorGridLines.Visible

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Visible(true))))
Not Applicable
Width of minorGridLines Property:MinorGridLines.Width

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Width("2"))))
Property:MinorGridLines.Width

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Width("2")))
Color of minorGridLines Property:MinorGridLines.Color

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Color("black"))))
Property:MinorGridLines.Color

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Color("black")))
DashArray of minorGridLines Property:MinorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorGridLines(mi => mi.DashArray("10,5"))))
Property:MinorGridLines.DashArray

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorGridLines(mi => mi.DashArray("10,5")))
Opacity of minor grid line Property:MinorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorGridLines(mi => mi.Opacity("0.5"))))
Not Applicable
minor Tick line Property:MinorTickLines.Visible

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTickLines(mit => mit.Visible(true))))
Not Applicable
Width of minorTickLines Property:MinorTickLines.Width

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTickLines(mit => mit.Width("2"))))
Property:MinorTickLines.Width

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorTickLines(mi => mi.Width("2")))
Height of minorTickLines Property:MinorTickLines.Size

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTickLines(mit => mit.Size("2"))))
Property:MinorTickLines.Height

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorTickLines(mi => mi.Height("2")))
Color of minorTickLines Property:MinorTickLines.Color

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTickLines(mit => mit.Color("black"))))
Property:MinorTickLines.Color

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorTickLines(mi => mi.Color("black")))
Opacity of minor Tick line Property:MinorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTickLines(mit => mit.Opacity("0.5"))))
Not Applicable
Minor ticks per interval of primaryYAxis Property:MinorTicksPerInterval

Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.MinorTicksPerInterval("4"))
Property:MinorTicksPerInterval

@Html.EJS().Chart("container") .primaryYAxis(px=>px.MinorTicksPerInterval("4"))
name of the primaryYAxis Property:Name

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Name("primaryYAxis")))
Property:Name

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Name("primaryYAxis"))
Orientation of primaryYAxis Property:Orientation

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Orientation("Horizontal")))
Not Applicable
Plot offset for primaryYAxis Property:PlotOffset

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.PlotOffset("0")))
Property:PlotOffset

@Html.EJS().Chart("container") .primaryYAxis(px=>px.PlotOffset("0"))
minimum for primaryYAxis Property:Range.Minimum

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Range(r => r.Minimum("10"))))
Property:Minimum

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Minimum("10"))
maximum for primaryYAxis Property:Range.Maximum

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Range(r => r.Maximum("23"))))
Property:Maximum

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Maximum("23"))
interval for primaryYAxis Property:Range.Interval

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Range(r => r.Interval("2"))))
Property:Interval

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Interval("2"))
RangePadding for primaryYAxis Property:RangePadding

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.RangePadding("none")))
Property:RangePadding

@Html.EJS().Chart("container") .primaryYAxis(px=>px.RangePadding("none"))
Rounding Places in primaryYAxis Property:RoundingPlaces

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.RoundingPlaces("3")))
Property:LabelFormat

@Html.EJS().Chart("container") .primaryYAxis(px=>px.LabelFormat("n3"))
ScrollBar settings of primaryYAxis Property:ScrollbarSettings

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ScrollbarSettings()))
Not Applicable
TickPosition in primaryYAxis Property:TickLinesPosition

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.TickLinesPosition("Inside")))
Property:TickPosition

@Html.EJS().Chart("container") .primaryYAxis(px=>px.TickPosition("Inside")))
valueType of primaryYAxis Property:ValueType

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ValueType("DateTime")))
Property:ValueType

@Html.EJS().Chart("container") .primaryYAxis(px=>px.ValueType("DateTime"))
visible of primaryYAxis Property:Visible

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Visible(true)))
Property:Visible

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Visible(true))
zoomFactor of primaryYAxis Property:ZoomFactor

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ZoomFactor("0.3")))
Property:ZoomFactor

@Html.EJS().Chart("container") .primaryYAxis(px=>px.ZoomFactor("0.3"))
zoomPosition of primaryYAxis Property:ZoomPosition

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.ZoomPosition("0.3")))
Property:ZoomPosition

@Html.EJS().Chart("container") .primaryYAxis(px=>px.ZoomPosition("0.3"))
labelBorder of primaryYAxis Property:LabelBorder

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.LabelBorder(lb => lb.Color("red").Width("2"))))
Property:Border

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Border(b => b.Color("red").Width("2")))
title of primaryYAxis Property:Title.Text

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.Title(t => t.Text("Chart Title"))))
Property:Title

@Html.EJS().Chart("container") .primaryYAxis(px=>px.Title("Chart Title")
StripLine of primaryYAxis Property:StripLine

(Html.EJ().Chart("chartContainer") .primaryYAxis(px=>px.StripLine()))
Property:StripLines

@Html.EJS().Chart("container") .primaryYAxis(px=>px.StripLines())
Multilevel labels of primaryYAxis Property:MultiLevelLabels

(Html.EJ().Chart("chartContainer") .PrimaryYAxis(px=>px.MultiLevelLabels)))
Property:MultiLevelLabels

@Html.EJS().Chart("container") .PrimaryYAxis(px=>px.MultiLevelLabels())
skeleton for an axes Not Applicable Property:Skeleton

@Html.EJS().Chart("container") .Axes(ax=>ax.Skeleton('yMd'))
skeleton type for an axes Not Applicable Property:SkeletonType

@Html.EJS().Chart("container") .Axes(ax=>ax.SkeletonType("DateTime"))

Axes

Behaviour API in Essential JS 1 API in Essential JS 2
Alternate grid band Property:AlternateGridBand

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AlternateGridBand(alt => alt.even(e => e.Fill("red")))))
Not applicable
Axis line cross value Property:CrossesAt

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.CrossesAt(0)))
Property:CrossesAt

@Html.EJS().Chart("container") .Axes(px=>px.CrossesAt(0)))
Axis name with which the axis line has to be crossed Property:CrossesInAxis

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.CrossesInAxis("")))
Property:CrossesInAxis

@Html.EJS().Chart("container") .Axes(px=>px.CrossesInAxis(""))
Axis elements placed with axis line Property:ShowNextToAxisLine

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.ShowNextToAxisLine(true)))
Property:PlaceNextToAxisLine

@Html.EJS().Chart("container") .Axes(px=>px.PlaceNextToAxisLine(true))
Axis line style Property:AxisLine.Color

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AxisLine(al => al.Color("red"))))
Property:LineStyle.Color

@Html.EJS().Chart("container") .Axes(px=>px.LineStyle(ls => ls.Color("black")))
Axis line dashArray Property:AxisLine.DashArray

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AxisLine(al => al.DashArray("10,5"))))
Property:LineStyle.DashArray

@Html.EJS().Chart("container") .Axes(px=>px.LineStyle(ls => ls.DashArray("10,5")))
Offset for axis Property:AxisLine.Offset

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AxisLine(al => al.Offset("10"))))
Property:PlotOffset

@Html.EJS().Chart("container") .Axes(px=>px.LineStyle(ls => ls.PlotOffset("10")))
Visible of an axis Property:AxisLine.Visible

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AxisLine(al => al.Visible(false))))
Property:Visible

@Html.EJS().Chart("container") .Axes(px=>px.LineStyle(ls => ls.Visible(false)))
Width of an axis Property:AxisLine.Width

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.AxisLine(al => al.Width("2"))))
Property:LineStyle.Width

@Html.EJS().Chart("container") .Axes(px=>px.LineStyle(ls => ls.Width("2")))
Column index of an axis Property:ColumnIndex

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.ColumnIndex("2"))))
Property:ColumnIndex

@Html.EJS().Chart("container") .Axes(px=>px.ColumnIndex("2")))
Span of an axis to place horizontally or vertically Property:ColumnSpan

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.ColumnSpan("2"))))
Property:Span

@Html.EJS().Chart("container") .Axes(px=>px.Span("2")))
Crosshair label of an axis Property:CrossHairLabel.Visible

(Html.EJ().Chart("chartContainer") .Axes(px=>px.CrossHairLabel(cr => cr.Visible(true))))
Property:CrossHairTooltip.Enable

@Html.EJS().Chart("container") .Axes(px=>px.CrossHairLabel(cr => cr.Enable(true)))
Crosshair label color of an axis Not applicable Property:CrossHairTooltip.Fill

@Html.EJS().Chart("container") .Axes(px=>px.CrossHairLabel(cr => cr.Fill("red")))
Crosshair label text style Not applicable Property:CrossHairTooltip.TextStyle

@Html.EJS().Chart("container") .Axes(px=>px.CrossHairLabel(cr => cr.TextStyle()))
Desired interval count for Axes Property:DesiredIntervals

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.DesiredIntervals("4")))
Property:DesiredIntervals

@Html.EJS().Chart("container") .Axes(px=>px.DesiredIntervals("4"))
Edges Axes Property:EdgeLabelPlacement

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.EdgeLabelPlacement("none")))
Property:EdgeLabelPlacement

@Html.EJS().Chart("container") .Axes(px=>px.EdgeLabelPlacement("none"))
Enables trim for axis labels Property:EnableTrim

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.EnableTrim(true)))
Property:EnableTrim

@Html.EJS().Chart("container") .Axes(px=>px.EnableTrim(true))
Specifies the interval of the axis according to the zoomed data of the chart Property:EnableAutoIntervalOnZooming

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.EnableAutoIntervalOnZooming(true)))
Property:EnableAutoIntervalOnZooming

@Html.EJS().Chart("container") .Axes(px=>px.EnableAutoIntervalOnZooming(true))
Title style for Axes Property:Font

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.Font()))
Property:TitleStyle

@Html.EJS().Chart("container") .Axes(px=>px.TitleStyle())
Indexed for category axis Property:IsIndexed

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.IsIndexed(true)))
Property:IsIndexed

@Html.EJS().Chart("container") .Axes(px=>px.IsIndexed(true))
Interval type for date time axis Property:IntervalType

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.IntervalType("Auto")))
Property:IntervalType

@Html.EJS().Chart("container") .Axes(px=>px.IntervalType("Auto"))
Inversed axis Property:IsInversed

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.IsInversed(true)))
Property:IsInversed

@Html.EJS().Chart("container") .Axes(px=>px.IsInversed(true))
Custom label format Property:LabelFormat

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelFormat('{value}K')))
Property:LabelFormat

@Html.EJS().Chart("container") .Axes(px=>px.LabelFormat('{value}K'))
labelIntersectAction Property:LabelIntersectAction

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelIntersectAction("trim")))
Property:LabelIntersectAction

@Html.EJS().Chart("container") .Axes(px=>px.LabelIntersectAction("Trim"))
labelPosition Property:LabelPosition

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelPosition("inside")))
Property:LabelPosition

@Html.EJS().Chart("container") .Axes(px=>px.LabelPosition("Inside"))
labelPlacement for category axis Property:LabelPlacement

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelPlacemen("onTicks")))
Property:LabelPlacement

@Html.EJS().Chart("container") .Axes(px=>px.LabelPlacemen("onTicks"))
Axis label alignment Property:Alignment

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.Alignment("center")))
Not Applicable
Rotation of axis labels Property:LabelRotation

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelRotation("45")))
Property:LabelRotation

@Html.EJS().Chart("container") .Axes(px=>px.LabelRotation("45"))
Log base value for logarithmic axis Property:LogBase

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LogBase("10")))
Property:LogBase

@Html.EJS().Chart("container") .Axes(px=>px.LogBase("10"))
Major grid line visible Property:MajorGridLines.visible

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorGridLines(mgl => mgl.Visible(true))))
Not Applicable
Width of MajorGridLines Property:MajorGridLines.Width

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorGridLines(mgl => mgl.Width("2"))))
Property:MajorGridLines.Width

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Color of MajorGridLines Property:MajorGridLines.Color

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorGridLines(mgl => mgl.Color("black"))))
Property:MajorGridLines.Color

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.Color("black")))
DashArray of MajorGridLines Property:MajorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2"))))
Property:MajorGridLines.DashArray

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.DashArray("10,2")))
Opacity of major grid line Property:MajorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorGridLines(mgl => mgl.Opacity("0.5"))))
Not Applicable
Major Tick line Property:MajorTickLines.Visible

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorTickLines(mtl => mtl.Visible(true))))
Not Applicable
Width of MajorTickLines Property:MajorTickLines.Width

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorTickLines(mtl => mtl.Width("2"))))
Property:MajorTickLines.Width

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.Width("2")))
Height of MajorTickLines Property:MajorTickLines.Size

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorTickLines(mtl => mtl.Size("2"))))
Property:MajorTickLines.Height

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.Height("2")))
Color of MajorTickLines Property:MajorTickLines.Color

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorTickLines(mtl => mtl.Color("black"))))
Property:MajorTickLines.Color

@Html.EJS().Chart("container") .Axes(px=>px.MajorGridLines(mgl => mgl.Color("black")))
Opacity of major Tick line Property:MajorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MajorTickLines(mtl => mtl.Opacity("0.5"))))
Not Applicable
maximum labels of Axes Property:MaximumLabels

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MaximumLabels("5")))
Property:MaximumLabels

@Html.EJS().Chart("container") .Axes(px=>px.MaximumLabels("5"))
maximum labels width of Axes to trim Property:MaximumLabelWidth

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MaximumLabelWidth("40")))
Property:MaximumLabelWidth

@Html.EJS().Chart("container") .Axes(px=>px.MaximumLabelWidth("40"))
minor grid line Property:MinorGridLines.Visible

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorGridLines(mi => mi.Visible(true))))
Not Applicable
Width of minorGridLines Property:MinorGridLines.Width

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorGridLines(mi => mi.Width("2"))))
Property:MinorGridLines.Width

@Html.EJS().Chart("container") .Axes(px=>px.MinorGridLines(mi => mi.Width("2")))
Color of minorGridLines Property:MinorGridLines.Color

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorGridLines(mi => mi.Color("black"))))
Property:MinorGridLines.Color

@Html.EJS().Chart("container") .Axes(px=>px.MinorGridLines(mi => mi.Color("black")))
DashArray of minorGridLines Property:MinorGridLines.DashArray

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorGridLines(mi => mi.DashArray("10,5"))))
Property:MinorGridLines.DashArray

@Html.EJS().Chart("container") .Axes(px=>px.MinorGridLines(mi => mi.DashArray("10,5")))
Opacity of minor grid line Property:MinorGridLines.Opacity

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorGridLines(mi => mi.Opacity("0.5"))))
Not Applicable
minor Tick line Property:MinorTickLines.Visible

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTickLines(mit => mit.Visible(true))))
Not Applicable
Width of minorTickLines Property:MinorTickLines.Width

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTickLines(mit => mit.Width("2"))))
Property:MinorTickLines.Width

@Html.EJS().Chart("container") .Axes(px=>px.MinorTickLines(mi => mi.Width("2")))
Height of minorTickLines Property:MinorTickLines.Size

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTickLines(mit => mit.Size("2"))))
Property:MinorTickLines.Height

@Html.EJS().Chart("container") .Axes(px=>px.MinorTickLines(mi => mi.Height("2")))
Color of minorTickLines Property:MinorTickLines.Color

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTickLines(mit => mit.Color("black"))))
Property:MinorTickLines.Color

@Html.EJS().Chart("container") .Axes(px=>px.MinorTickLines(mi => mi.Color("black")))
Opacity of minor Tick line Property:MinorTickLines.Opacity

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTickLines(mit => mit.Opacity("0.5"))))
Not Applicable
Minor ticks per interval of Axes Property:MinorTicksPerInterval

Html.EJ().Chart("chartContainer") .Axes(px=>px.MinorTicksPerInterval("4"))
Property:MinorTicksPerInterval

@Html.EJS().Chart("container") .Axes(px=>px.MinorTicksPerInterval("4"))
name of the Axes Property:Name

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Name("Axes")))
Property:Name

@Html.EJS().Chart("container") .Axes(px=>px.Name("Axes"))
Orientation of Axes Property:Orientation

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Orientation("Horizontal")))
Not Applicable
Plot offset for Axes Property:PlotOffset

(Html.EJ().Chart("chartContainer") .Axes(px=>px.PlotOffset("0")))
Property:PlotOffset

@Html.EJS().Chart("container") .Axes(px=>px.PlotOffset("0"))
minimum for Axes Property:Range.Minimum

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Range(r => r.Minimum("10"))))
Property:Minimum

@Html.EJS().Chart("container") .Axes(px=>px.Minimum("10"))
maximum for Axes Property:Range.Maximum

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Range(r => r.Maximum("23"))))
Property:Maximum

@Html.EJS().Chart("container") .Axes(px=>px.Maximum("23"))
interval for Axes Property:Range.Interval

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Range(r => r.Interval("2"))))
Property:Interval

@Html.EJS().Chart("container") .Axes(px=>px.Interval("2"))
RangePadding for Axes Property:RangePadding

(Html.EJ().Chart("chartContainer") .Axes(px=>px.RangePadding("none")))
Property:RangePadding

@Html.EJS().Chart("container") .Axes(px=>px.RangePadding("none"))
Rounding Places in Axes Property:RoundingPlaces

(Html.EJ().Chart("chartContainer") .Axes(px=>px.RoundingPlaces("3")))
Property:LabelFormat

@Html.EJS().Chart("container") .Axes(px=>px.LabelFormat("n3"))
ScrollBar settings of Axes Property:ScrollbarSettings

(Html.EJ().Chart("chartContainer") .Axes(px=>px.ScrollbarSettings()))
Not Applicable
TickPosition in Axes Property:TickLinesPosition

(Html.EJ().Chart("chartContainer") .Axes(px=>px.TickLinesPosition("Inside")))
Property:TickPosition

@Html.EJS().Chart("container") .Axes(px=>px.TickPosition("Inside")))
valueType of Axes Property:ValueType

(Html.EJ().Chart("chartContainer") .Axes(px=>px.ValueType("DateTime")))
Property:ValueType

@Html.EJS().Chart("container") .Axes(px=>px.ValueType("DateTime"))
visible of Axes Property:Visible

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Visible(true)))
Property:Visible

@Html.EJS().Chart("container") .Axes(px=>px.Visible(true))
zoomFactor of Axes Property:ZoomFactor

(Html.EJ().Chart("chartContainer") .Axes(px=>px.ZoomFactor("0.3")))
Property:ZoomFactor

@Html.EJS().Chart("container") .Axes(px=>px.ZoomFactor("0.3"))
zoomPosition of Axes Property:ZoomPosition

(Html.EJ().Chart("chartContainer") .Axes(px=>px.ZoomPosition("0.3")))
Property:ZoomPosition

@Html.EJS().Chart("container") .Axes(px=>px.ZoomPosition("0.3"))
labelBorder of Axes Property:LabelBorder

@(Html.EJ().Chart("chartContainer") .Axes(px=>px.LabelBorder(lb => lb.Color("red").Width("2"))))
Property:Border

@Html.EJS().Chart("container") .Axes(px=>px.Border(b => b.Color("red").Width("2")))
title of Axes Property:Title.Text

(Html.EJ().Chart("chartContainer") .Axes(px=>px.Title(t => t.Text("Chart Title"))))
Property:Title

@Html.EJS().Chart("container") .Axes(px=>px.Title("Chart Title")
StripLine of Axes Property:StripLine

(Html.EJ().Chart("chartContainer") .Axes(px=>px.StripLine()))
Property:StripLines

@Html.EJS().Chart("container") .Axes(px=>px.StripLines())
Multilevel labels of Axes Property:MultiLevelLabels

(Html.EJ().Chart("chartContainer") .Axes(px=>px.MultiLevelLabels)))
Property:MultiLevelLabels

@Html.EJS().Chart("container") .Axes(px=>px.MultiLevelLabels())
skeleton for an axes Not Applicable Property:Skeleton

@Html.EJS().Chart("container") .Axes(ax=>ax.Skeleton('yMd'))
skeleton type for an axes Not Applicable Property:SkeletonType

@Html.EJS().Chart("container") .Axes(ax=>ax.SkeletonType("DateTime"))

Rows

Behaviour API in Essential JS 1 API in Essential JS 2
rows in chart Property:RowDefinitions

@(Html.EJ().Chart("chartContainer") .RowDefinitions().Add();)
Property:Rows

@Html.EJS().Chart("container") .Rows().Add();
unit Property:Unit

@(Html.EJ().Chart("chartContainer") .RowDefinitions(r => r.Unit("percentage")).Add();)
Not Applicable
height of rows in chart Property:RowHeight

@(Html.EJ().Chart("chartContainer") .RowDefinitions(r => r.owHeight("50")).Add();)
Property:Height

@Html.EJS().Chart("container") .Rows(r => r.Height("300")).Add();
Line customization Property:lineColor, lineWidth

@(Html.EJ().Chart("chartContainer") .RowDefinitions(r => r.owHeight("50").LineColor("brown").LineWidth("2")).Add();)
Property:Border

@Html.EJS().Chart("container") .Rows({r => r.Border(b => b.Width("2").Color("brown")).Height("300")).Add();}); chart.appendTo('#chart');

Series

Behaviour API in Essential JS 1 API in Essential JS 2
BearFillColor Property:BearFillColor

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.BearFillColor("red").Add(); })
Property:BearFillColor

@Html.EJS().Chart("container") .Series(sr => { sr.BearFillColor("red").Add(); })
Border Property:Border

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Border(br => br.Color("red").Width("2").DashArray("10,5")).Add(); })
Property:Border

@Html.EJS().Chart("container") .Series(sr => { sr.Border(br => br.Color("red").Width("2").DashArray("10,5")).Add(); })
BoxPlotMode Property:BoxPlotMode

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.BoxPlotMode("inclusive").Add(); })
Property:BoxPlotMode

@Html.EJS().Chart("container") .Series(sr => { sr.BoxPlotMode("inclusive").Add(); })
Minimum radius of Bubble series Property:BubbleOptions.MinRadius

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.BubbleOptions(b => b.MinRadius("2")).Add(); })
Property:MinRadius

@Html.EJS().Chart("container") .Series(sr => { sr.BubbleOptions(b => b.MinRadius("2")).Add(); })
Maximum radius of Bubble series Property:BubbleOptions.MaxRadius

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.BubbleOptions(b => b.MaxRadius("10")).Add(); })
Property:MaxRadius

@Html.EJS().Chart("container") .Series(sr => { sr.BubbleOptions(b => b.MaxRadius("10")).Add(); })
bullFillColor Property:BullFillColor

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.BullFillColor("red").Add(); })
Property:BullFillColor

@Html.EJS().Chart("container") .Series(sr => { sr.BullFillColor("red").Add(); })
Cardinal spline tension for spline series Property:CardinalSplineTension

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.CardinalSplineTension("0.5").Add(); })
Property:CardinalSplineTension

@Html.EJS().Chart("container") .Series(sr => { sr.CardinalSplineTension("0.5").Add(); })
Column Width for rectangle series Property:ColumnWidth

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.ColumnWidth("0.5").Add(); })
Property:ColumnWidth

@Html.EJS().Chart("container") .Series(sr => { sr.ColumnWidth("0.5").Add(); })
Column spacing for rectangle series Property:ColumnSpacing

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.ColumnSpacing("0.5").Add(); })
Property:ColumnSpacing

@Html.EJS().Chart("container") .Series(sr => { sr.ColumnSpacing("0.5").Add(); })
Topleft radius for rectangle series Property:CornerRadius.TopLeft

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.CornerRadius(c => c.TopLeft(0)).Add(); })
Property:CornerRadius.TopLeft

@Html.EJS().Chart("container") .Series(sr => { sr.CornerRadius(c => c.TopLeft(0)).Add(); })
topRight radius for rectangle series Property:CornerRadius.TopRight

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.CornerRadius(c => c.TopRight(0)).Add(); })
Property:CornerRadius.TopRight

@Html.EJS().Chart("container") .Series(sr => { sr.CornerRadius(c => c.TopRight(0)).Add(); })
bottomRight radius for rectangle series Property:CornerRadius.BottomRight

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.CornerRadius(c => c.BottomRight(0)).Add(); })
Property:CornerRadius.BottomRight

@Html.EJS().Chart("container") .Series(sr => { sr.CornerRadius(c => c.BottomRight(0)).Add(); })
bottomLeft radius for rectangle series Property:CornerRadius.BottomLeft

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.CornerRadius(c => c.BottomLeft(0)).Add(); })
Property:CornerRadius.BottomLeft

@Html.EJS().Chart("container") .Series(sr => { sr.CornerRadius(c => c.BottomLeft(0)).Add(); })
DashArray property Property:DashArray

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.DashArray("10,5").Add(); })
Property:DashArray

@Html.EJS().Chart("container") .Series(sr => { sr.DashArray("10,5").Add(); })
DataSource for series Property:DataSource

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.DataSource().Add(); })
Property:DataSource

@Html.EJS().Chart("container") .Series(sr => { sr.DataSource().Add(); })
Draw type for Polar series Property:DrawType

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.DrawType("Line").Add(); })
Property:DrawType

@Html.EJS().Chart("container") .Series(sr => { sr.DrawType("Line").Add(); })
EmptyPointSettings for series Property:EmptyPointSettings.Visible

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.EmptyPointSettings(e => e.Visible(false)).Add(); })
Not Applicable
Empty Point Display mode Property:EmptyPointSettings.DisplayMode

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.EmptyPointSettings(e => e.DisplayMode("Average")).Add(); })
Property:EmptyPointSettings.DisplayMode

@Html.EJS().Chart("container") .Series(sr => { sr.EmptyPointSettings(e => e.DisplayMode("Average")).Add(); })
Empty Point color Property:EmptyPointSettings.Color

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Color("red").Add(); })
Property:EmptyPointSettings.Fill

@Html.EJS().Chart("container") .Series(sr => { sr.Fill("red").Add(); })
Empty Point Border Property:EmptyPointSettings.Border

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.EmptyPointSettings(e => e.Border(b => b.Color("red").Width("2"))).Add(); })
Property:EmptyPointSettings.Border

@Html.EJS().Chart("container") .Series(sr => { sr.EmptyPointSettings(e => e.Border(b => b.Color("red").Width("2"))).Add(); })
Enable animation for series Property:EnableAnimation

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.EnableAnimation(true).Add(); })
Property:Animation.Enable

@Html.EJS().Chart("container") .Series(sr => { sr.Animation(a => a.Enable(false)).Add(); })

Animation duration for series Property:AnimationDuration

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.AnimationDuration("1000").Add(); })
Property:Animation.Duration

@Html.EJS().Chart("container") .Series(sr => { sr.Animation(a => a.Duration("1000")).Add(); })
Animation delay for series Not Applicable Property:Animation.Delay

@Html.EJS().Chart("container") .Series(sr => { sr.Animation(a => a.Delay("100")).Add(); })
Drag settings for series Property:DragSettings

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.DragSettings(d => d.Mode("X")).Add(); })
Not Applicable
Errorbar settings for series Property:ErrorBarSettings

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.ErrorBarSettings().Add(); })
Property:ErrorBarSettings

@Html.EJS().Chart("container") .Series(sr => { sr.ErrorBarSettings().Add(); })
Closed series Property:IsClosed

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.IsClosed(true).Add(); })
Property:IsClosed

@Html.EJS().Chart("container") .Series(sr => { sr.IsClosed(true).Add(); })
Stacking Property for series Property:IsStacking

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.IsStacking(true).Add(); })
Not Applicable
Line cap for series Property:LineCap

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.LineCap("butt").Add(); })
Not Applicable
Line join for series Property:LineJoin

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.LineJoin("round").Add(); })
Not Applicable
Opacity for series Property:Opacity

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Opacity("0.7").Add(); })
Property:Opacity

@Html.EJS().Chart("container") .Series(sr => { sr.Opacity("0.7").Add(); })
Outlier settings of series Property:OutLierSettings

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.OutLierSettings(out => out.Shape("rectangle").Size(s => s.Height("30").Width("20"))).Add(); })
Not Applicable
Palette Property:Palette

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Palette("ColorFieldName").Add(); })
Property:PointColorMapping

@Html.EJS().Chart("container") .Series(sr => { sr.PointColorMapping("color").Add(); })
Positive fill for waterfall series Property:PositiveFill

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.PositiveFill("red").Add(); })
Property:PositiveFill

@Html.EJS().Chart("container") .Series(sr => { sr.PositiveFill("red").Add(); })
Show average value in box and whisker series Property:ShowMedian

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.ShowMedian(true).Add(); })
Property:ShowMedian

@Html.EJS().Chart("container") .Series(sr => { sr.ShowMedian(true).Add(); })
To group the series of stacking collection. Property:StackingGroup

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.StackingGroup("group").Add(); })
Property:StackingGroup

@Html.EJS().Chart("container") .Series(sr => { sr.StackingGroup("group").Add(); })
Specifies the type of the series to render in chart. Property:Type

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Type(SeriesType.Line).Add(); })
Property:Type

@Html.EJS().Chart("container") .Series(sr => { sr.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).Add(); })
Defines the visibility of the series. Property:Visibility

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Visibility(true).Add(); })
Property:Visible

@Html.EJS().Chart("container") .Series(sr => { sr.Visible(true).Add(); })
Enables or disables the visibility of legend item. Property:VisibleOnLegend

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.VisibleOnLegend(true).Add(); })
Property:ToggleVisibility

@Html.EJS().Chart("container") .LegendSettings(l => l.ToggleVisibility(true)) })
Specifies the different types of spline curve. Property:SplineType

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.SplineType('Natural').Add(); })
Property:SplineType

@Html.EJS().Chart("container") .Series(sr => { sr.SplineType('Natural').Add(); })
Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection. Property:XAxisName

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.XAxisName('secondaryXAxis').Add(); })
Property:XAxisName

@Html.EJS().Chart("container") .Series(sr => { sr.XAxisName('secondaryXAxis').Add(); })
Name of the property in the datasource that contains x value for the series. Property:XName

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.XName("x").Add(); })
Property:XName

@Html.EJS().Chart("container") .Series(sr => { sr.XName("x").Add(); })
Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection. Property:YAxisName

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.YAxisName("secondaryYAxis").Add(); })
Property:YAxisName

@Html.EJS().Chart("container") .Series(sr => { sr.YAxisName("secondaryYAxis").Add(); })
Name of the property in the datasource that contains y value for the series. Property:YName

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.YName("Y").Add(); })
Property:YName

@Html.EJS().Chart("container") .Series(sr => { sr.YName("Y").Add(); })
Name of the property in the datasource that contains high value for the series. Property:High

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.High("y").Add(); })
Property:High

@Html.EJS().Chart("container") .Series(sr => { sr.High("y").Add(); })
Name of the property in the datasource that contains low value for the series. Property:Low

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Low("y").Add(); })
Property:Low

@Html.EJS().Chart("container") .Series(sr => { sr.Low("y").Add(); })
Name of the property in the datasource that contains close value for the series. Property:Close

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Close("y").Add(); })
Property:Close

@Html.EJS().Chart("container") .Series(sr => { sr.Close("y").Add(); })
Name of the property in the datasource that contains open value for the series. Property:Open

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Open("y").Add(); })
Property:Open

@Html.EJS().Chart("container") .Series(sr => { sr.Open("y").Add(); })
Option to add trendlines to chart. Property:TrendLines

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines().Add(); })
Property:TrendLines

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines().Add(); })
Options for customizing the appearance of the series or data point while highlighting. Property:HighlightSettings

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.HighlightSettings().Add(); })
Not applicable.
Options for customizing the appearance of the series/data point on selection. Property:SelectionSettings

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.SelectionSettings().Add(); })
Not applicable.

marker

visibility of marker Property:Marker.Visible

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Visible(true)).Add(); })
Property:Visible

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Visible(true)).Add(); })
Fill for marker Property:Fill

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Fill("red")).Add(); })
Property:Fill

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Fill("red")).Add(); })
Opacity for marker Property:Opacity

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Opacity("0.5")).Add(); })
Property:Opacity

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Opacity("0.5")).Add(); })
Shape of marker Property:Shape

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Shape("Cirlce")).Add(); })
Property:Shape

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Shape("Cirlce")).Add(); })
ImageUrl of marker Property:ImageUrl

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.ImageUrl("")).Add(); })
Property:ImageUrl

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.ImageUrl("")).Add(); })
Border of marker Property:Border

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Border(b => b.Color("red").Width("2"))).Add(); })
Property:Border

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.IBorder(b => b.Color("red").Width("2"))).Add(); })
Height of marker Property:Size.Height

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Size(s => s.Height("30"))).Add(); })
Property:Height

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Height("30")).Add(); })
Width of marker Property:Size.Width

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Size(s => s.Width("30"))).Add(); })
Property:Width

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.Width("30")).Add(); })
DataLabelSettings of marker Property:Marker.DataLabel

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.Size(s => s.DataLabel())).Add(); })
Property:Marker.DataLabel

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel()).Add(); })
Visibility of dataLabel Property:DataLabel.Visible

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Visible(true))).Add(); }))
Property:DataLabel.Visible

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Visible(true)))).Add(); })
Text mapping name of dataLabel Property:DataLabel.TextMappingName

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.TextMappingName())).Add(); }))
Property:DataLabel.Name

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Name()))).Add(); })
Fill color of data label Property:DataLabel.Fill

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Fill("red"))).Add(); })
Property:DataLabel.Fill

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Fill("red"))).Add(); })
Opacity of data label Property:DataLabel.Opacity

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Opacity("0.5"))).Add(); })
Property:DataLabel.Opacity

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Opacity("0.5"))).Add(); })
Text position of data label Property:DataLabel.TextPosition

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.TextPosition("middle"))).Add(); })
Property:DataLabel.Position

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.TextPosition("middle"))).Add(); })
Alignment of data label Property:DataLabel.VerticalAlignment

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.VerticalAlignment("near"))).Add(); })
Property:DataLabel.Alignment

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Alignment("near"))).Add(); })
Border of data label Property:DataLabel.Border

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Border(b => b.Color("blue").Width("2")))).Add(); })
Property:DataLabel.Border

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Border(b => b.Color("blue").Width("2")))).Add(); })
Offset for data label Property:DataLabel.Offset

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Offset(off => off.X("5").Y("6")))).Add(); })
Not Applicable
Margin of data label Property:DataLabel.Margin

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Margin(m => m.Top("10").Bottom("10").Left("10").Right("10")) .Add();})
Property:DataLabel.Margin

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Margin(m => m.Top("10").Bottom("10").Left("10").Right("10")) .Add();})
Font of data label Property:DataLabel.Font

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Font(f => f.FontFamily('SegoeUI').FontStyle('italic').FOntWeight("600").Opacity("0.5") .Add();})
Property:DataLabel.Font

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Font(f => f.FontFamily('SegoeUI').FontStyle('italic').FOntWeight("600").Opacity("0.5") .Add();})
HTML template in dataLabel Property:DataLabel.Template

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Template('
Chart
').Add();})
Property:DataLabel.Template

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Template('
Chart
').Add();})
Rounded corner radius X Not Applicable Property:dataLabel.Rx

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Rx("5").Add();})
Rounded corner radius Y Not Applicable Property:dataLabel.Ry

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.Ry("10").Add();})
Maximum Label width for data label Property:DataLabel.MaximumLabelWidth

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.MaximumLabelWidth("20").Add();})
Not Applicable
Enable wrapping of text for data label Property:DataLabel.EnableWrap

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.EnableWrap(true)).Add();})
Not Applicable
To show contrast color for data label Property:DataLabel.ShowContrastColor

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.ShowContrastColor(true)).Add();})
Not Applicable
To show edge label for data label Property:DataLabel.ShowEdgeLabels

@Html.EJS().Chart("container") .Series(sr => { sr.Marker(mar => mar.DataLabel(d => d.ShowEdgeLabels(true)).Add();})
Not Applicable

TrendLines

Behaviour API in Essential JS 1 API in Essential JS 2
Trendlines settings Property:Series.TrendLines

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines().Add();})
Property:Series.TrendLines

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines().Add();})
Visibility of trendline Property:TrendLines.Visibility

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Visibility('visible')).Add();})
Not applicable
Type of trendLine Property:TrendLines.Type

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Type(TrendlineType.Linear)).Add();}))
Property:TrendLines.Type

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Type(Syncfusion.EJ2.Charts.TrendlineTypes.Linear)).Add();})
Name of trendLine Property:TrendLines.Name

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Name("TrendLines")).Add();}))
Property:TrendLines.Name

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Name("TrendLines")).Add();}))
Period of trendLine Property:TrendLines.Period

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Period("45")).Add();}))
Property:TrendLines.Period

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Period("45")).Add();}))
Polynomial order for Polynomial type trendLines Property:TrendLines.PolynomialOrder

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.PolynomialOrder("3")).Add();}))
Property:TrendLines.PolynomialOrder

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.PolynomialOrder("3")).Add();}))
Backward forecost for trendLines Property:TrendLines.Backwardforecast

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Backwardforecast("3")).Add();}))
Property:TrendLines.Backwardforecast

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Backwardforecast("3")).Add();}))
Forward forecost for trendLines Property:TrendLines.ForwardForecast

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.ForwardForecast("3")).Add();}))
Property:TrendLines.ForwardForecast

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.ForwardForecast("3")).Add();}))
Fill for trendLines Property:TrendLines.Fill

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Fill("red")).Add();}))
Property:TrendLines.Fill

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Fill("red")).Add();}))
Width for trendLines Property:TrendLines.Width

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Width("2")).Add();}))
Property:TrendLines.Width

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Width("2")).Add();}))
Intercept value for trendLines Property:TrendLines.Intercept

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Intercept("2")).Add();}))
Property:TrendLines.Intercept

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Intercept("2")).Add();}))
Legend shape for trendLines Not Applicable Property:TrendLines.LegendShape

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.LegendShape("Rectangle")).Add();}))
Animation settings for trendLines Not Applicable Property:TrendLines.Animation

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Animation(a => a.Enable(true))).Add();}))
Marker settings for trendLines Not Applicable Property:TrendLines.Marker

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.Marker(m => m.Visible(true))).Add();}))
Tooltip for trendLines Property:TrendLines.Tooltip

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.Tooltip()).Add();}))
Property:TrendLines.EnableTooltip

@Html.EJS().Chart("container") .Series(sr => { sr.TrendLines(tr => tr.EnableTooltip(true)).Add();}))
DashArray for trendLines Property:TrendLines.DashArray

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.DashArray("10,5")).Add();}))
Not Applicable.
Visible on legend for trendLines Property:TrendLines.VisibleOnLegend

@(Html.EJ().Chart("chartContainer") .Series(sr => { sr.TrendLines(tr => tr.VisibleOnLegend(true)).Add();}))
Not Applicable.

StripLines

Behaviour API in Essential JS 1 API in Essential JS 2
Default behaviour for striplines Property:PrimaryXAxis.StripLines

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.Visible(true))))
Property:PrimaryXAxis.StripLines

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Visible(true))))
border for stripline Property:StripLines.BorderColor

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.BorderColor("pink"))))
Property:stripLines.Border

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Border(b => b.Color("pink").WIdth("2"))))
Background color for stripline Property:StripLines.Color

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.Color("pink"))))
Property:StripLines.Corder

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Color("pink")))
Start value for stripline Property:StripLines.Start

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.Start("10"))))
Property:StripLines.Start

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Start("10"))))
End value for stripline Property:StripLines.End

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.End("20"))))
Property:StripLines.End

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.End("10"))))
StartfromAxis for stripline Property:StripLines.StartFromAxis

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.StartFromAxis(true))))
Property:StripLines.StartFromAxis

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.StartFromAxis(true))))
Text in stripline Property:StripLines.Text

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.Text("text"))))
Property:StripLines.Text

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Text("text"))))
Text alignment in stripline Property:StripLines.TextAlignment

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.TextAlignment("far"))))
Property:stripLines.HorizontalAlignment

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.HorizontalAlignment("middle"))))
Vertical Text alignment in stripline Not Applicable Property:StripLines.VerticalAlignment

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.VerticalAlignment("far"))))
Size of stripline Property:StripLines.Width

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.Width("10"))))
Property:StripLines.Size

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.Size("10"))))
ZIndex of stripline Property:StripLines.ZIndex

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.ZIndex("Behind"))))
Property:stripLines.size

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.ZIndex("Behind"))))
Font style of stripline Property:StripLines.FontStyle

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.StripLines(st => st.FontStyle())))
Property:StripLines.TextStyle

@Html.EJS().Chart("container") PrimaryXAxis(px => px.StripLines(st => st.FontStyle())))

Multilevel Labels

Behaviour API in Essential JS 1 API in Essential JS 2
Default behaviour for multilevelLabels Property:PrimaryXAxis.MultilevelLabels

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels()))
Property:PrimaryXAxis.MultilevelLabels

@Html.EJS().Chart("container") PrimaryXAxis(px => px.MultilevelLabels()))
Text alignment for multilevelLabels Property:MultiLevelLabels.TextAlignment

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.TextAlignment("Near"))))
Property:MultilevelLabels.Alignment

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Alignment("Near"))))
Text overflow for multilevelLabels Property:multiLevelLabels.TextOverFlow

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.TextOverFlow("Trim"))))
Property:MultiLevelLabels.OverFlow

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.OverFlow("Trim"))))
Border for multilevelLabels Property:multiLevelLabels.Border

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Border(b => b.Width("2").Color("red")))))
Property:MultiLevelLabels.Border

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Border(b => b.Width("2").Color("red")))))
Start value for label Property:MultiLevelLabels.Start

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Start("45"))))
Property:MultiLevelLabels.Categories.Start

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Categories(c => c.Start("45"))))
End value for label Property:MultiLevelLabels.End

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.End("50"))))
Property:MultiLevelLabels.Categories.End

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Categories(c => c.End("50"))))
Text for label Property:MultiLevelLabels.Text

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Text("start"))))
Property:MultiLevelLabels.Categories.Text

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Categories(c => c.Text("start"))))
maximum text width for label Property:MultiLevelLabels.MaximumTextWidth

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.MaximumTextWidth("20"))))
Property:MultiLevelLabels.Categories.MaximumTextWidth

@Html.EJ().Chart("container") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Categories(c => c.MaximumTextWidth("20"))))
level of labels Property:MultiLevelLabels.Level

@(Html.EJ().Chart("chartContainer") .PrimaryXAxis(px => px.MultilevelLabels(m => m.Level("2"))))
Not applicable

Methods

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

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

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

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

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

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

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

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

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

@Html.EJ().Chart("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") .AnimationComplete())
Property:AnimationComplete()

@Html.EJ().Chart("container") .AnimationComplete()
Fires on axis label click Property:AxisLabelClick

@(Html.EJ().Chart("chartContainer") .AxisLabelClick())
Not applicable
Fires before axis label render Property:AxisLabelRendering

@(Html.EJ().Chart("chartContainer") .AxisLabelRendering())
Property:AxisLabelRender()

@Html.EJ().Chart("container") .AxisLabelRender()
Fires on axis label mouseMove Property:AxisLabelMouseMove

@(Html.EJ().Chart("chartContainer") .AxisLabelMouseMove())
Not applicable
Fires on axis label initialize Property:AxisLabelInitialize

@(Html.EJ().Chart("chartContainer") .AxisLabelInitialize())
Not applicable
Fires before axis range calculation Property:AxesRangeCalculate

@(Html.EJ().Chart("chartContainer") .AxesRangeCalculate());
Property:AxisRangeCalculated()

@Html.EJ().Chart("container") .AxisRangeCalculated()
Fires on axis title rendering Property:AxisTitleRendering

@(Html.EJ().Chart("chartContainer") .AxisTitleRendering())
Not applicable
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.EJ().Chart("container") .Resized()
Fires on chart click Property:ChartClick

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

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

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

@Html.EJ().Chart("container") .ChartMouseMove()
Fires on chart mouse leave Property:ChartMouseLeave

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

@Html.EJ().Chart("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.EJ().Chart("container") .ChartmouseUp()
Fires on chart mouse down Not Applicable Property:ChartmouseDown

@Html.EJ().Chart("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 the dragging is started Property:DragStart

@(Html.EJ().Chart("chartContainer") .DragStart())
Not applicable
Fires while dragging Property:Dragging

@(Html.EJ().Chart("chartContainer") .Dragging())
Not applicable
Fires when the dragging is completed Property:DragEnd

@(Html.EJ().Chart("chartContainer") .DragEnd())
Property:DragComplete

@Html.EJ().Chart("container") .DragComplete()
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.EJ().Chart("container") .Loaded()
Fires before rendering the data labels. Property:DisplayTextRendering

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

@Html.EJ().Chart("container") .TextRender()
Fires, when error bar is rendering. Property:ErrorBarRendering

@(Html.EJ().Chart("chartContainer") .ErrorBarRendering())
Not applicable
Fires during the calculation of legend bounds. Property:LegendBoundsCalculate

@(Html.EJ().Chart("chartContainer") .LegendBoundsCalculate())
Not applicable
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.EJ().Chart("container") .LegendRender()
Fires before loading the chart. Property:Load

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

@Html.EJ().Chart("container") .Load()
Fires, when multi level labels are rendering. Property:MultiLevelLabelRendering

@(Html.EJ().Chart("chartContainer") .MultiLevelLabelRendering()
Property:AxisMultiLabelRender

@Html.EJ().Chart("container") .AxisMultiLabelRender()
Fires on clicking a point in chart. Property:PointRegionClick

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

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

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

@Html.EJ().Chart("container") .PointMove()
Fires before rendering chart. Property:PreRender

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

@Html.EJ().Chart("container") .PointRender()
Fires after selected the data in chart. Property:RangeSelected

@(Html.EJ().Chart("chartContainer") .RangeSelected())
Not applicable
Fires after selecting a series. Property:SeriesRegionClick

@(Html.EJ().Chart("chartContainer") .SeriesRegionClick())
Not applicable
Fires before rendering a series. Property:SeriesRendering

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

@Html.EJ().Chart("container") .SeriesRender()
Fires before rendering the marker symbols. Property:SymbolRendering

@(Html.EJ().Chart("chartContainer") .SymbolRendering())
Not applicable
Fires before rendering the trendline Property:TrendlineRendering

@(Html.EJ().Chart("chartContainer") .TrendlineRendering())
Not applicable
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.EJ().Chart("container") .TooltipRender()
Fires before rendering crosshair tooltip in axis Property:TrackAxisToolTip

@(Html.EJ().Chart("chartContainer") .TrackAxisToolTip())
Not applicable
Fires before rendering trackball tooltip. Property:TrackToolTip

@(Html.EJ().Chart("chartContainer") .TrackToolTip())
Not applicable
Event triggered when scroll starts. Property:ScrollStart

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

@Html.EJ().Chart("container") .ScrollStart()
Event triggered when scroll ends. Property:ScrollEnd

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

@Html.EJ().Chart("container") .ScrollEnd()
Event triggered when scroll changes. Property:ScrollChange

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

@Html.EJ().Chart("container") .ScrollChange()
Fires while performing rectangle zooming in chart. Property:ZoomComplete

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

@Html.EJ().Chart("container") .ZoomComplete()

Chart properties

Behaviour API in Essential JS 1 API in Essential JS 2
selected data index Property:SelectedDataPointIndexes:

@(Html.EJ().Chart("chartContainer") .SelectedDataPointIndexes(s => s.SeriesIndex("0").PointIndex("1")))
Property:SelectedDataIndexes

@Html.EJ().Chart("container") .SelectedDataPointIndexes(s => s.SeriesIndex("0").PointIndex("1"))
sideBySideSeriesPlacement for column based series Property:SideBySideSeriesPlacement:

@(Html.EJ().Chart("chartContainer") .SideBySideSeriesPlacement(true)
Property:SideBySidePlacement

@Html.EJ().Chart("container") .SideBySidePlacement(true)
ZoomSettings Property:Zooming:

@(Html.EJ().Chart("chartContainer") .Zooming(z => z.Enable(true).EnablePinch(true).EnableScrollBar(true)))
Property:ZoomSettings

@Html.EJ().Chart("container") .ZoomSettings(z => z.Enable(true).EnablePinch(true).EnableScrollBar(true)))
Background color of the chart Property:Background

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

@Html.EJ().Chart("container") .Background('transparent')
URL of the image to be used as chart background. Property:BackGroundImageUrl

@(Html.EJ().Chart("chartContainer") .BackGroundImageUrl("")
Not Applicable
Customizing border of the chart Property:Border

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

@Html.EJ().Chart("container") .Border(b => b.Color("red").Width("2")))
This provides options for customizing export settings Property:ExportSettings

@(Html.EJ().Chart("chartContainer") .ExportSettings(e => e.FileName("chart").Angle("45")))
Property:Export()

@Html.EJ().Chart("container") .Export(e => e.FileName("chart").Angle("45")))
ChartArea customization Property:ChartArea

@(Html.EJ().Chart("chartContainer") .ChartArea(c => c.Background("transparent").Border(b => b.Opacity("0.3").Color("red").Width("2"))))
Property:ChartArea

@Html.EJ().Chart("container") .ChartArea(c => c.Background("transparent").Border(b => b.Opacity("0.3").Color("red").Width("2"))))