Я додаю графік Kendo-line до мого компонента Angular (4), як показано нижче,
<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"
Відповіді:
0 для відповіді № 1Я вирішив цю проблему за допомогою керування Kendo-діаграмою k-rebind атрибут. Я передав об'єкту json, як {min: 10, max: 80} k-rebind атрибут. Я встановлював цей об'єкт json, використовуючи прив'язки до властивостей мого файлу TS. якщо будь-яка властивість об'єкта json змінюється, ніж kendo-chart, діаграма повторного / перемальовується на UI. якщо об'єкт json не змінюється, ніж no-redraw (метод візуалізації не викликає кендо-діаграму).