/ / Встановити ValueAxis (діаграма ліній Kendo) мін., Макс.

Встановіть ValueAxis (Лінійна діаграма Кендо), Максимальне значення в моєму файлі сценаріїв, динамічно - кутовий, дані, що зв'язують, кендо-уі, кендо-діаграма

Я додаю графік 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 (метод візуалізації не викликає кендо-діаграму).