javascript - 使用 Jqplot 和 Sqlite 数据库中的数据绘制图形

标签 javascript sqlite cordova 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] = [行.日期, 行.权重]; }//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>

关于javascript - 使用 Jqplot 和 Sqlite 数据库中的数据绘制图形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10090457/

相关文章:

javascript - Axios错误: write EPROTO C0D7BC0EAE7F0000

javascript - 为什么这个 replace() 不替换 "my"?

android - 如何从 SQLite 将一个用户数据查看到 TextView 中?

Jquery Mobile 类似于使用 Phonegap 进行移动开发

javascript - 在 javascript 中排序函数调用 - 回调是唯一的方法吗?

javascript - 是否可以生成颜色?

c++ - 在READONLY模式下打开数据库时出现SQLITE_CANTOPEN错误

database - 什么数据库使用 phonegap 存储?

mobile - 如何在 HTML5 应用程序中利用移动软件键盘上的 'Go' 或 'Submit' 按钮?

java - PhoneGap 3.1 Android 将音频文件从 www 文件夹复制到 SD 卡