在 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 来做，但是我找不到像 LabelIntersectAction 这样的方法，除了在 PrimaryXAxis 方法中。

有什么公式或方法可以垂直显示吗？

Answer 1

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

我正在尝试删除，因为我认为 LabelIntersectAction 在 3D 柱状图中不受支持。

Answer 2

我们仅为二维图表提供了标签相交操作支持。所以到目前为止，我们无法处理 3D 图表的轴标签交集。我们已经将此要求添加到我们的功能请求列表中，并且将在我们即将发布的任何 Essential Studio 版本中提供。

谢谢，陀罗尼

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

Set vertical text on x axis in syncfusion column chart

jquery

asp.net-mvc-4

syncfusion

vertical-text

column-chart