0

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);

ここで何が間違っていますか？これは単純なはずです！助けてくれてありがとう。

4

1 に答える 1

0

私の問題は、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-14T16:39:12.433 に答える