@Html.EJS().Chart("DirectOvertimeSection").Series(series =>
{
series.Width(2).XName("xValue").YName("yValue").Marker(mr => mr.DataLabel(dl => dl.Visible(true).Font(ff => ff.FontWeight("600").Color("#252323")).Position(Syncfusion.EJ2.Charts.LabelPosition.Outer))).SumIndexes(ViewBag.sumIndexes).NegativeFillColor("#1988F6").ColumnWidth(0.9).Type(Syncfusion.EJ2.Charts.ChartSeriesType.Waterfall).DataSource(ViewBag.dataSource).Add();
}).ChartArea(area => area.Border(br => br.Width(0.1))).Width("100%").Height("38%").Axes(axis =>
{
axis.Name("Secondary Axis")
.Minimum(0).LabelFormat("{value}%")
.OpposedPosition(true).Add();
}).PrimaryXAxis(py => py.ValueType(Syncfusion.EJ2.Charts.ValueType.Category).MajorGridLines(mg => mg.Width(0)).PlotOffset(20)).PrimaryYAxis(py => py.Minimum(0).MajorGridLines(mg => mg.Width(0))).LegendSettings(lg => lg.Visible(true)).Tooltip(tl => tl.Enable(true)).TextRender("textRender").AxisLabelRender("axisLabelRender").Render()
List chartData = new List
{
new WaterfallChartData { xValue = "MMA", yValue = 1.56 },
new WaterfallChartData { xValue = "Adm / Filling", yValue = 0 },
new WaterfallChartData { xValue = "Annual Laeve", yValue = 0 },
new WaterfallChartData { xValue = "End Compilation", yValue = 0 },
new WaterfallChartData { xValue = "NSO", yValue = 0.64 },
new WaterfallChartData { xValue = "Others Direct", yValue = 0 },
new WaterfallChartData { xValue = "Others Indirect", yValue = 0},
new WaterfallChartData { xValue = "Preparation", yValue = 0 },
new WaterfallChartData { xValue = "Recovery", yValue = 0 },
new WaterfallChartData { xValue = "Rework", yValue = 0},
new WaterfallChartData { xValue = "Setmen Minus", yValue = 0 },
new WaterfallChartData { xValue = "SQ Meeting", yValue = -1.41 },
new WaterfallChartData { xValue = "Training", yValue = 0.04 },
new WaterfallChartData { xValue = "Actual", yValue = 0.99},
};