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

Question

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

sample chart

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

Answer 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。