Question

我在Angular（4）组件中添加了一个Kendo-line-chart，如下所示

<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>

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

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

Answer 1

我使用Kendo-chart控件 k-rebind 属性解决了这个问题。我将{min：10，max：80}这样的json对象传递给了 k-rebind 属性。我使用绑定到我的TS文件的属性来设置此json对象。如果任何json对象属性更改而不是kendo-chart将重新绑定/重绘UI上的图表。如果json对象没有改变而不是no-redraw（渲染方法不会调用kendo-chart）。

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

1 个答案: