Set vertical text on x axis in syncfusion column chart


November 2018


101 time


NET MVC 4.0 with Syncfusion controls to implement graph.

I have successfully implemented it and running fine but when there are more data in x axis the text overlap each other so I want to show it vertically so it will show it properly.


        .PrimaryXAxis(pr => pr.Title(tl => tl.Text("Technician")).LabelIntersectAction(LabelIntersectAction.Rotate90))
        .PrimaryYAxis(pr => pr.Title(tl => tl.Text("Sum (Price)")))
        .CommonSeriesOptions(cr => cr.Type(SeriesType.Column).EnableAnimation(true))
        .Title(t => t.Text("Jobs by Engineer - Value (Job this Month)"))
        .Series(sr =>
            .Name("Jobs this month")
        .Size(sz => sz.Height("600"))
        .Zooming(zn => zn.Enable(true).EnableMouseWheel(true).EnableScrollbar(true))


enter image description here

As you can see the x axis where text overlap each other and also is there any method available to show the x axis data on the top of the inside bar?

I have tried the method called .LabelIntersectAction(LabelIntersectAction.Rotate90) in PrimaryXAxis but having the issue.

I have tried this example to do but I couldn't find any method like LabelIntersectAction except inside the method PrimaryXAxis.

Is there any formula or method available to show it vertical?

2 answers


Попробуйте удалить .Enable3D (истинный) из кода и посмотреть, если он работает или нет.

Я teling удалить, потому что я думаю, LabelIntersectAction не поддерживается в ColumnChart с 3D.


Мы обеспечили поддержку действий пересечения метки для только 2D графике. Так как сейчас мы можем не в состоянии обрабатывать метки оси пересечения 3D графика. И мы уже добавили это требование в нашем списке функций запроса и это будет доступно в любом из нашего предстоящего Essential выпуска Studio. 

Спасибо, Dharani