难以用Kendo UI实现图表小部件
难以用Kendo UI实现图表小部件
提问于 2016-04-04 21:25:51
我正在使用Telerik AppBuilder中的KendoUI创建一个移动应用程序。我创建了一个空白视图来保存我的图表，然后开始添加代码。我不能让图表出现。
以下是我的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);我在这里做错什么了？这看起来应该很简单！提前谢谢你的帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-14 16:39:12
我的问题是我没有在我的index.html中引用正确的框架文件。就框架而言，下面是我最后使用的文件：
<script src="cordova.js"></script>
<script src="jquery.min.js"></script>
<script src="kendo.all.min.js"></script>
<link rel="stylesheet" href="kendo.common.min.css" />
<link rel="stylesheet" href="kendo.default.min.css" />
<link rel="stylesheet" href="kendo.mobile.all.min.css"/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36413166
复制相关文章
相似问题
腾讯云开发者
