jquery - 在syncfusion柱形图中设置x轴上的垂直文本

Question

NET MVC 4.0 与 Syncfusion 控件来实现图形。

我已经成功实现了它并且运行良好，但是当 x 轴上有更多数据时，文本会相互重叠，所以我想垂直显示它，以便它可以正确显示。

代码:

@(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)
                )

结果:

您可以看到文本相互重叠的 x 轴，并且是否有任何方法可以在内栏顶部显示 x 轴数据？

我在 PrimaryXAxis 中尝试了名为 .LabelIntersectAction(LabelIntersectAction.Rotate90) 的方法，但遇到了问题。

我已经尝试过这个example要做，但除了 PrimaryXAxis 方法内部之外，我找不到任何像 LabelIntersectAction 这样的方法。

是否有任何公式或方法可以将其垂直显示？

Answer 1

尝试从代码中删除 .Enable3D(true) 并查看它是否有效。

我要求删除，因为我认为 3D Columnchart 不支持 LabelIntersectAction。