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>  

索引.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() {
    }

还要确保您有一个 div 或任何其他 id 为“barChart”的 html 元素。

于 2012-12-18T12:01:25.443 回答