how to create vertical axis in bar charts column?

.Series(series =>

              {

series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Bar).Name("Name").XName("x").YName("yValue1").Marker(mr => mr.DataLabel(dl => dl.Visible(true).Position(Syncfusion.EJ2.Charts.LabelPosition.Top).Font(ff=>ff.FontWeight("600").Color("#ffffff")))).DataSource(ViewBag.dataOTbyPeron).Add();

series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).XName("x").YName("yValue2").Marker(mr=>mr.Visible(false).Height(1).Width(1)).DataSource(ViewBag.dataOTbyPeron).Name("Target").Width(2).Add();

vertical axis line chart.png


1 Reply

DG Durga Gopalakrishnan Syncfusion Team September 5, 2022 02:13 PM UTC

Hi Maulana,


Greetings from Syncfusion.


We suggest you to use axes crossing feature to achieve your required scenario. Please check with the below snippet and sample.


@Html.EJS().Chart("container").PrimaryXAxis(px => { px.CrossesAt(1).PlaceNextToAxisLine(false).LineStyle(ls=>ls.Width(2).Color("blue"))

}).Render()




Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/AxisCrossing-939365386.zip


UG : https://ej2.syncfusion.com/aspnetmvc/documentation/chart/axis-customization#axis-crossing


Kindly revert us if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon