2012-04-10 3 views
0

DB에 데이터를 삽입하는 활동이 있습니다. 내가 찾고있는 것은 데이터베이스에서 데이터를 가져 오는 것이다. SQLite 데이터베이스입니다. jqPlot에 검색된 값을 사용하여 그래프를 플롯하기 위해 Javascript를 사용하는 다차원 배열 형태로 데이터가 필요합니다.Jqplot에서 Sqlite 데이터베이스의 데이터를 사용하여 플롯 팅 그래프

제발, 아무런 결과가없이 오랫동안 수색했습니다.

하드 코딩 된 값을 사용하여 플로팅하는 것이 좋지만 데이터베이스에서 오는 값은 사용하지 말아야합니다.

도와주세요.

+0

이미 작성한 코드를 표시 할 수 있습니까? 또한 시간을내어 질문을하십시오. 문법과 구두점에 오류가 있습니다. –

+0

아래 코드는 – Sparkle

+0

입니다. @ Guido Gautier db.transaction (function (transaction) {transaction.executeSql ('날짜 선택, 중량 FROM 무게; // 날짜를 포함하는 모든 행을 하나의 배열에 넣습니다. // 가중치를 포함하는 모든 행을 하나의 배열에 넣습니다./result =/날짜와 날짜의 1 열을 취하여 1 배열로 저장합니다. // 코드를 아직 작성하지 않았습니다 (이동 방법은 알지 못합니다). // var line1 = [[x 축 값], [y 축 값 ]]; jqplot 그래프에 넣기 – Sparkle

답변

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>