Dear
Dharani,
We have create the chart using your sample as follow with code
@Html.EJS().Chart("InOutDaily").Series(series =>
{
series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).XName("hour").YName("inCount").DataSource(ViewBag.chartDaily).Name("IN").Add();
series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).XName("hour").YName("outCount").DataSource(ViewBag.chartDaily).Name("Out").Add();
series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).XName("hour").YName("total").DataSource(ViewBag.chartDaily).Name("Total").Add();
series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).YAxisName("yAxis").XName("hour")
.Marker(mr=>mr.Visible(true).Width(10).Height(10).Border(br=>br.Color("#F8AB1D").Width(2))).YName("temperature").DataSource(ViewBag.chartDaily).Name("temperature").Add();
}).PrimaryXAxis(px => px.ValueType(Syncfusion.EJ2.Charts.ValueType.Category).MajorGridLines(mg=>mg.Width(0))
.Interval(1).LabelIntersectAction(Syncfusion.EJ2.Charts.LabelIntersectAction.Rotate90).LineStyle(ls=>ls.Width(0))
).PrimaryYAxis(py => py.LabelFormat("{value}").LineStyle(ls=>ls.Width(0))
).Axes(ax =>
{
ax.OpposedPosition(true).RowIndex(0).Minimum(24).Maximum(36).Interval(2).Name("yAxis").LabelFormat("{value}°C").MajorTickLines(mt=>mt.Width(0)).MajorGridLines(mg=>mg.Width(0)).LineStyle(ls=>ls.Width(0)).LabelStyle(ls=>ls.Color("transparent")).Add();
}
).ChartArea(area => area.Border(br=>br.Color("transparent"))).Tooltip(tt => tt.Enable(true)
).LegendSettings(lg=>lg.Visible(true)).Load("Dailychartload").Render()
Please advance that why the temperature data can't be show and how we could show the temperature axis at the right hand side.
Thank a lot!
KennethT
