CODEWITHSUNDEEP
jqueryasp.net-mvc-4syncfusionvertical-textcolumn-chart
3 rules
3 rules

Reputation: 1409

Set vertical text on x axis in syncfusion column chart

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.

Code:

@(Html.EJ().Chart("idofthegraph")
        .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 =>
        {
            sr.DataSource(Model)
            .Type(SeriesType.Column)
            .XName("Name").YName("Value")
            .Name("Jobs this month")
            .Add();
        })
        .Size(sz => sz.Height("600"))
        .CanResize(true)
        .Zooming(zn => zn.Enable(true).EnableMouseWheel(true).EnableScrollbar(true))
        .Enable3D(true)
                )

Result:

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?

Upvotes: 4

Views: 382

Answers (2)

Dharani
Dharani

Reputation: 1106

We have provided label intersection action support for 2D chart only. So as of now we can’t able to handle the axis labels intersection of 3D chart. And we have already added this requirement in our features request list and this will be available in any of our upcoming Essential Studio release. 

Thanks, Dharani

Upvotes: 1

Mahavirsinh Padhiyar
Mahavirsinh Padhiyar

Reputation: 1179

Try to remove .Enable3D(true) from the code and see if it is working or not.

I am teling to remove because I think LabelIntersectAction is not supported in Columnchart with 3D.

Upvotes: 2

Related Questions