如何在剑道图表的顶部而不是底部显示 x 轴值

Posted 2023-05-07

【中文标题】如何在剑道图表的顶部而不是底部显示 x 轴值

【英文标题】：how to show x-axis values at top instead of bottom in kendo chart

【发布时间】：2020-05-19 14:52:52

【问题描述】：

我想在角度 2 的剑道图表中移动范围条形图顶部的 x 轴

sample chart

我正在使用https://www.telerik.com/kendo-angular-ui/components/charts/series-types/range-bar/

【参考方案1】：

在<kendo-chart-category-axis-item> 中添加<kendo-chart-category-axis-item-labels>。然后将位置设置为end。位置参数值必须是AxisLabelsPosition 类型。所以从@progress/kendo-angular-charts 包中导入它。

例如：

<kendo-chart-category-axis-item-labels [rotation]="-60" [position]="position"></kendo-chart-category-axis-item-labels>

public position: AxisLabelsPosition = "end";

标签旋转也会受到位置设置的影响。要获得正确的标签旋转，请从kendo-chart-category-axis-item 中删除[labels]=" rotation: 'auto' ，并在kendo-chart-category-axis-item-labels 中设置[rotation]。

Refer this example。