使用 Jqplot 绘制图形和来自 Sqlite 数据库的数据

Plotting Graph using Jqplot with data from Sqlite database

本文关键字：Sqlite 数据库 数据 Jqplot 绘制 图形 使用      更新时间：2023-09-26

我有一个将数据插入数据库的活动。我正在寻找的是从数据库中获取数据。它是一个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);

第 1 行[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>
相关文章：