我正在尝试在 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});
});