Telerik条形图x轴与长文本

Question

我在我的mvc应用程序中尝试telerik条形图。 x轴标签上的文本有时可能很长，然后重叠。 我怎么解决这个问题？我可以使用工具提示吗？以及如何为每个栏设置工具提示文字？

提前致谢。

Answer 1

您可以通过添加Tooltip(true)来添加工具提示，如下所示：

 Html.Telerik().Chart()
           .Name("chart")
           .Theme("vista")
           .Series( series => series
                        .Bar( /*data*/)                   
           .CategoryAxis( axis => axis
                    .Categories(  /*data*/)
           .Tooltip(true)

这将在悬停时显示系列（x轴）的值。

我知道你可以通过这样的方式旋转类别轴上的标签：

.CategoryAxis( axis =>
{
    axis.Categories( /*data*/ );
    axis.Labels(labels => labels.Rotation(45));//this rotates 45 degrees (you can use whatever value you want)
}

但我不认为该系列上有Label方法。您可以考虑翻转Series和Axis（如果这仍然对您的数据有意义）。您还可以考虑格式化（缩写）x轴标签并添加自己的图例。