Я создаю мобильное приложение, используя KendoUI в Telerik AppBuilder. Я создал пустой вид, чтобы удерживать диаграмму, а затем начал добавлять код. Я не могу заставить диаграмму появиться.Сложность внедрения графического виджета с пользовательским интерфейсом Kendo
Эти сценарии, указанные в моем index.html:
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<script src="app.js"></script>
<script src="lib/progress/progress.all.min.js"></script>
<script src="dataProviders/progressDataProvider.js"></script>
Вот код моего зрения графика:
<div data-role="view" data-title="Audit Tracker" data-layout="main" data- model="app.auditTracker" data-show="app.auditTracker.onShow" data-after-show="app.auditTracker.afterShow">
<div id="chart">
</div>
</div>
А вот код в соответствующем файле JavaScript:
'use strict';
app.auditTracker = kendo.observable({
onShow: function() {},
afterShow: function() {}
});
(function(parent) {
$("#chart").kendoChart({
title: {
text: "Audit Tracker"
},
series: [
{name: "Audits Completed", data: [5,10,15,3]}
],
categoryAxis: {
categories: ["January", "February", "March", "April"]
}
});
})(app.auditTracker);
Что я здесь делаю неправильно? Кажется, это должно быть просто! Заранее спасибо за помощь.