1

Androidのphonegapアプリでjqplotを使用して単純な棒グラフを描画しようとしていますが、何も表示されません。エラーもグラフもありません。

私はjqplotとphonegapを初めて使用するので、手伝ってください。

私のhtmlファイルは次のとおりです。

<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="index.css" /> 
<link rel="stylesheet" href="jquery.mobile/jquery.jqplot.css" /> 

<script src="jquery.mobile/jquery-1.7.2.min"></script>
<script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script>
    <script src="jquery.mobile/jquery.jqplot.min.js"></script>
<script src="jquery.mobile/jqplot.barRenderer.min.js"></script>
<script src="jquery.mobile/jqplot.categoryAxisRenderer.min.js"></script>


<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>

<style type="text/css">
    .myChart {
        width: 300px;
        height: 200px;
    }
</style>
</head>

   <body onload="init();">
<div data-role="page" id="page-home" class="type-interior" data-theme="b">

<div data-role="header" data-theme="b">
    <h1>Bar Graph Demo</h1>
    </div>

<div data-role="content" data-theme="c">            
    <div id="barChart" class="myChart"></div>
    </div>
</div>

Index.js：

function init() {
//alert("hi");
}
$('#page-home').live('pageinit', function(event){       

        $.jqplot('barChart', [[[5,1], [3,3], [1,5]]], {
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                shadowAngle: 135,
                rendererOptions: {
                    barDirection: 'horizontal'
                },
                pointLabels: {show: true, formatString: '%d'}
            },
            axes: {
                yaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer
                }
            }
        }).replot({clear: true, resetAxes:true});


});
4

1 に答える 1

0 
document.addEventListener("deviceready", onDeviceReady, false);

あなたはあなたのコードを入れるべきです

    function onDeviceReady() {
    }

また、idが「barChart」のdivまたはその他のhtml要素があることを確認してください。

于 2012-12-18T12:01:25.443 に答える