データベースにデータを挿入するアクティビティがあります。私が探しているのは、データベースからデータを取得することです。SQLite
データベースです。で取得した値を使用してグラフをプロットするには、Javascript を使用した多次元配列の形式のデータが必要ですjqPlot
。
お願いします、長い間検索しましたが、結果がありません。
ハードコードされた値を使用してプロットすることは知っていますが、データベースからの値ではありません。
助けてください。
データベースにデータを挿入するアクティビティがあります。私が探しているのは、データベースからデータを取得することです。SQLite
データベースです。で取得した値を使用してグラフをプロットするには、Javascript を使用した多次元配列の形式のデータが必要ですjqPlot
。
お願いします、長い間検索しましたが、結果がありません。
ハードコードされた値を使用してプロットすることは知っていますが、データベースからの値ではありません。
助けてください。
ついに完了:)、動作します!!!
<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>