如何在Angular中设置剑道图表的默认缩放比例

Question

我正在尝试解决一个我遇到的问题，即我的图表不允许我设置[categoryAxis]的最小值和最大值。

我尝试绑定[categoryAxis]="{{min: 0}, {max: 12}}"，但实际上不执行任何操作。我也尝试过看看是否可以确定如何在ngOnInit（）中设置缩放比例，但还没有找到一种方法。

<kendo-chart [pannable]="true" [zoomable]="{mousewheel: {lock: 'y'}, selection: {lock: 'y'}}" renderAs="canvas">
    <kendo-chart-title text="ChartTitle"></kendo-chart-title>
        <kendo-chart-category-axis>
                <kendo-chart-category-axis-item  [categories]="categories" 
                 [title]="{text: currentCategoryTitle}">
                </kendo-chart-category-axis-item>
        </kendo-chart-category-axis>
        <kendo-chart-series>
                <kendo-chart-series-item [type]="'line'" [style]="'smooth'"[data]="data">
                </kendo-chart-series-item>
         </kendo-chart-series>
<kendo-chart>

它基本上什么也不做，我也不知道在哪里绑定（以及如何绑定）categoryAxis。我对Kendo相当陌生，他们的文档绝对很难找出我的意思。

Answer 1

改为使用[categoryAxis]="{min:0, max:12}"。

Stackblitz：kendo-chart-zoomable-min-max