在我的打字稿文件中动态设置 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" 就可以了。所以基本上硬编码值工作正常但是当我将最小值和最大值属性与我的 TS 变量绑定时不起作用。这对我来说很奇怪。有人可以帮忙吗？？我在 ts 文件中有两个变量，如下所示，

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

Answer 1

我通过使用 Kendo-chart 控件 k-rebind 属性解决了这个问题。我向这个 k-rebind 属性传递了一个像 {min:10,max:80} 这样的 json 对象。我使用绑定到我的 TS 文件的属性来设置这个 json 对象。如果任何 json 对象属性发生变化，kendo-图表将 rebind/redraw 图表显示在 UI 上。如果 json 对象没有改变而不是不重绘（渲染方法不会调用 kendo-chart）。

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

Set ValueAxis ( Kendo Line Chart) Min, Max value in my typescript file dynamically

data-binding

kendo-ui

kendo-chart

angular