как показать значения оси X вверху, а не внизу на графике кендо

Question

Я хочу переместить ось х вверху для линейчатой ​​диаграммы диапазона в диаграмме кендо для angular 2

образец диаграммы

Я использую https://www.telerik.com/kendo-angular-ui/components/charts/series-types/range-bar/

Answer 1

Добавьте <kendo-chart-category-axis-item-labels> внутрь <kendo-chart-category-axis-item>. Затем установите положение на 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";

Также на поворот этикетки будет влиять установка положения. Чтобы получить правильное вращение этикеток, удалите [labels]="{ rotation: 'auto' } из kendo-chart-category-axis-item и установите [rotation] внутри kendo-chart-category-axis-item-labels.

См. Этот пример .