Добрый день!
У меня возникли некоторые сложности: необходимо построить kendo Chart с помощью jQuery, основываясь на данных, полученных асинхронно:
let trxTable = await getAllTrxOfCard()
Далее я привожу данные в подобающий вид и сую их в scope.pieData
Прикручиваю темплейт:
element.html(`
<div ng-if = "childNode.typeAttributes.isCountryList">
<div id="chartCountry"> </div>
</div>`)
$compile(element.contents())(scope)
И по идее определяю поведение после добавления:
$(document).ready(function() {
function createCountryChart()
{
$("#chartCountry").kendoChart(jQChart)
scope.pieData.map( e => $("#chartCountry").data("kendoChart").dataSource.add(e))
}
createCountryChart()
$(document).bind("kendo:skinChange", createCountryChart)
scope.$apply()
})
Однако ловлю ошибки о том, что data не существует
В чем может быть проблема и как работать с данными, которые получаю асинхронно?