1
Я пытаюсь нарисовать простую гистограмму с использованием jqplot в приложении Android phonegap, но я ничего не получаю, без ошибок нет графика.Не удалось нарисовать график, используя jqplot в приложении Android phonegap
Я новичок в jqplot и телефоне, поэтому, пожалуйста, помогите мне.
мой 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});
});
Обновление: Когда я перемещаю график графика графика из pageinit в функцию init, он работает, но я не хочу его в init(). – Arvind