剑道UI条形图标签旋转

Question

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

http://snag.gy/m2XxJ.jpg

是否有办法让图表使用标签的开始作为旋转点而不是中心?

Answer 1

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

样本categoryAxis

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

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

剑道文档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围绕其左边缘旋转文本。我们将研究这个问题，但目前我只能建议在即将到来的Q2版本中使用多行选项。

你可以使用换行符来分割标签:类别:[" jrSIMPLOT nCOMPANY"…]