如何在Angular中设置kendo-chart的默认缩放

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。我是剑道的新手，他们的文档非常糟糕，很难找出我应该做什么。

Answer 1

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

Stackblitz:kendo-chart-zoomable-min-max