Question

我有一个带有长标签名称的Kendo UI（Telerik）条形图。当我将标签旋转设置为0,180,90,360之外的任何值时，标签会倾斜，但它们使用文本的中心作为倾斜点而不是文本的开头。这会导致所有标签被完整的条关闭。

有没有办法让图表使用标签的开头作为旋转点而不是中心？

Answer 1

使用旋转时，我唯一能让标签正确排列的方法是设置填充。

示例categoryAxis

categoryAxis: { field: 'name', labels: { rotation: -60, padding: { right: 10 }}}

JSbin示例http://jsbin.com/zoloc/1/edit

Kendo文档http://docs.telerik.com/kendo-ui/api/dataviz/chart#configuration-categoryAxis.labels.padding

Answer 2

您可以使用旋转和边距来排列类别轴文本，如下所示

 .CategoryAxis(axis => axis
        .Categories(model => model.StudentName).Labels(labels => labels.Rotation(330).Margin(-5,45,0,0).Visible(true))
        .MajorGridLines(lines => lines.Visible(false))
        .Line(line => line.Visible(false))
    )

Answer 3

Telerik的回复：

你有一个有效的观点。例如，Excel围绕其左边缘旋转文本。我们将调查此问题，但目前我只能在即将发布的第二季度版本中建议使用多行选项。

您可以使用换行符分割标签：类别：[＆＃34; J.R。 SIMPLOT \ nCOMPANY＆＃34;，...]

Kendo UI条形图标签轮换

3 个答案: