使用Jqplot使用来自Sqlite数据库的数据绘制图表

时间:2012-04-10 14:15:28

标签: javascript sqlite cordova jqplot

我有一个将数据插入数据库的活动。我要找的是从数据库中获取数据。它是一个SQLite数据库。我需要使用Javascript以多维数组的形式存储数据,以便使用jqPlot中的检索值绘制图形。

拜托,我搜索了很长时间没有结果。

请帮助,我知道使用硬编码值进行绘图,但不使用来自数据库的值。

请帮忙。

1 个答案:

答案 0 :(得分:2)

最后完成:),工作!!!

<script type="text/javascript">
db.transaction(function(transaction) {
transaction.executeSql('SELECT * FROM Weight  ;', [],
function(transaction, result) {
alert( result.rows.length);
var line1=[];
if (result != null && result.rows != null) {
for (var i = 0; i < result.rows.length; i++) {
var row = result.rows.item(i);

line1 [i] = [row.date,row.Weight];     } // for loop close

 $(document).ready(function(){


var plot1 = $.jqplot('chart1', [line1], {
title: 'Date  Vs Calories',series:[{renderer:$.jqplot.BarRenderer}],axes: {xaxis: {label:'Date',renderer: $.jqplot.CategoryAxisRenderer,tickRenderer: $.jqplot.CanvasAxisTickRenderer ,tickOptions: {angle: -40}},yaxis:{label:'Calories / sec' ,labelRenderer:$.jqplot.CanvasAxisLabelRenderer, labelOptions: {fontFamily: 'Georgia, Serif', fontSize: '12pt' } } }});});

} //if loop close
})// transaction.executesql
}); //function transcation 
</script>

<body> 
<div id="chart1" style="height:400px;width:300px;"></div>
</body>