2012-04-10 5 views
0

Ich habe eine Aktivität, die Daten in die Datenbank einfügt. Ich suche nach den Daten aus der Datenbank. Es ist eine SQLite Datenbank. Ich brauche die Daten in Form eines mehrdimensionalen Arrays mit Javascript, um ein Diagramm mit den abgerufenen Werten in jqPlot zu plotten.Plotten Graph mit Jqplot mit Daten aus Sqlite-Datenbank

Bitte, ich habe eine lange Zeit ohne Ergebnis gesucht.

Bitte helfen, ich weiß, mit hart codierten Werten zu plotten, aber nicht mit den Werten aus der Datenbank.

Bitte helfen.

+0

Können Sie den Code, den Sie bereits haben, anzeigen? Nehmen Sie sich auch etwas Zeit, eine Frage zu stellen. Es ist/war mit Fehlern in Grammatik und Interpunktion gefüllt. –

+0

unten ist der Code – Sparkle

+0

@ Guido Gautier db.transaction (Funktion (Transaktion) {transaction.executeSql ('Datum auswählen, Gewicht von Gewicht;', [], Funktion (Transaktion, result) {if (Ergebnis! = null && result.rows! = null) {alert (result.rows.length); // setze alle Zeilen mit Datum in ein Array // setze alle Zeilen mit Gewicht in ein Array// nimm die 1 Spalte des Datums sowie Gewicht und setze sie als 1 Array // oben Code noch getan werden (keine Ahnung, wie Sie vorgehen) // var line1 = [[x Achse Werte], [y Achse Werte ]]; jqplot-Diagramm einfügen – Sparkle

Antwort

2

fertig gemacht :), funktioniert !!!

<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); 

linie1 [i] = [row.date, row.Weight]; } // for loop schließen

$(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>