telerik-mvc - 带有长文本的 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 上不可用。您可以考虑翻转系列和轴（如果这对您的数据仍然有意义）。您还可以考虑格式化（缩写）x 轴标签并添加您自己的图例。