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

Question

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

sample chart

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

我想在Kendo图表中的范围条形图的顶部移动x轴以获得角度2样本图，我正在使用https://www.telerik.com/kendo-angular-ui/components/charts/series-types/范围栏/

Answer 1

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

Answer 2

添加2 类别轴并指定valueAxis.axisCrossingValue。

然后清空顶部类别轴值。 例如：

categoryAxes: [{
      categories: []
    }, {
      categories: ["D", "E", "F"]
    }],
valueAxis:  {
  axisCrossingValues: [0, 12]
}

Refer this example。