使用Kendo UI實現Chart小部件的難度

我正在Telerik AppBuilder中使用KendoUI創建一個移動應用程序。我創建了一個空白視圖來保存我的圖表，然後開始添加代碼。我無法讓圖表出現。使用Kendo UI實現Chart小部件的難度

這些都是在我的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);

我在這裏做錯了什麼？這看起來應該很簡單！在此先感謝您的幫助。

來源

2016-04-04 DevonOsh

我的問題是我沒有在我的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"/>

來源

2016-09-14 16:39:12 DevonOsh

使用Kendo UI實現Chart小部件的難度

回答

相關問題