Set the vertical text along the x axis in the sync synchronization column

NET MVC 4.0 with Syncfusion controls for graphing.

I successfully implemented it and worked fine, but when there is more data on the x axis, the text overlaps with each other, so I want to show it vertically so that it displays it correctly.

The 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 the text overlays each other, and is there also any method to display the x axis data at the top of the inner panel?

I tried a method called .LabelIntersectAction (LabelIntersectAction.Rotate90) in PrimaryXAxis but having a problem.

I tried this example , but I could not find any method, for example LabelIntersectAction, except for the PrimaryXAxis method.

- , ?

+4
2

.Enable3D (true) , .

, , LabelIntersectAction Columnchart 3D.

+2

2D-. , 3D-. , Essential Studio.

, Dharani

+1

Source: https://habr.com/ru/post/1668076/


All Articles