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

【问题标题】：How to set default zoom of kendo-chart in Angular如何在 Angular 中设置剑道图表的默认缩放
【发布时间】：2019-12-14 03:15:50
【问题描述】：

我正在尝试解决我遇到的一个问题，即我的图表不允许我设置 [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。我对剑道还很陌生，他们的文档对于找出我要做什么来说绝对是残酷的。

【问题讨论】：

标签： javascript angular kendo-ui kendo-angular-ui

【解决方案1】：

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

Stackblitz:kendo-chart-zoomable-min-max

【讨论】：