2012-04-10 77 views
0

我有一個將數據插入數據庫的活動。我正在尋找的是從數據庫中獲取數據。它是一個SQLite數據庫。爲了使用jqPlot中的檢索值繪製圖表,我需要使用Javascript的多維數組形式的數據。使用Jqplot和Sqlite數據庫中的數據繪製圖表

請問,我搜查了很久沒有結果。

請幫助,我知道使用硬編碼值而不是來自數據庫的值。

請幫忙。

+0

您可以顯示您已有的代碼嗎?此外,請花點時間提問。它充滿了語法和標點符號的錯誤。 – 2012-04-11 14:23:30

+0

以下是代碼 – Sparkle 2012-04-12 03:42:09

+0

@ Guido Gautier <! - Sql lite代碼塊 - > db.transaction(函數(事務){transaction.executeSql('SELECT date,Weight FROM Weight;',[],function(transaction,結果){if(result!= null && result.rows!= null){alert(result.rows.length); //將所有包含日期​​的行放在一個數組中//將所有包含重量的行放入一個數組/ /取日期的1列和權重,並把它們作爲1個數組//上面的代碼還有待完成(不知道該怎麼做)// var line1 = [[x軸值],[y軸值]];放入jqplot圖 – Sparkle 2012-04-12 03:51:35

回答

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循環關閉

$(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> 
相關問題