动态设置我的打字稿文件中的ValueAxis（Kendo折线图）最小值，最大值

Question

我在我的 Angular(4) 组件中添加了一个 Kendo 折线图，如下所示，

<kendo-chart>
<kendo-chart-value-axis > 
              <kendo-chart-value-axis-item  [title]="{ text: 'Temperature' }"
                                          [min]="minVal"  [max]="maxVal"  >
              </kendo-chart-value-axis-item>
          </kendo-chart-value-axis> 

           <kendo-chart-category-axis>
              <kendo-chart-category-axis-item [categories]="month" >
              </kendo-chart-category-axis-item>
          </kendo-chart-category-axis>
        <kendo-chart-series>
          <kendo-chart-series-item type="line" [data]="seriesData" field="temperature"  categoryField="month" [name]= "temp-month"  [markers]="{ type: 'square' }">
          </kendo-chart-series-item>
        </kendo-chart-series>
             </kendo-chart>

问题是当我尝试设置“min”和“max”值时 <kendo-chart-category-axis-item> 通过我的 tyscript 变量，它只是不绑定。如果我设置 min="10" 和 max="100" 就可以了。所以基本上硬编码值工作正常，但当我将 min 和 max 属性与我的 TS 变量绑定时不起作用。这对我来说很奇怪。有人可以帮忙吗？？ 我在 ts 文件中确实有两个变量，如下所示，

minVal:any = "10",
maxVal:any ="200"

Answer 1

我通过使用剑道图表控件 k-rebind 属性解决了这个问题。我将一个像 {min:10,max:80} 的 json 对象传递给了这个 k-rebind 属性。我正在使用绑定到我的 TS 文件的属性来设置这个 json 对象。如果任何 json 对象属性发生变化，则 kendo-chart 将在 UI 上重新绑定/重绘图表。如果 json 对象没有改变而不是 no-redraw(render 方法不会调用 kendo-chart)。