用jquery sparkline和mysql数据绘制条形图

时间:2014-11-04 22:30:02

标签: javascript jquery mysql sparklines

我正在尝试使用jquery sparkline和mysql数据来显示每个用户每天赚多少钱...... 在这里,我向您展示有关mysql DB中的一个用户示例的资金:

[{"m":"01 noviembre 2014","d":"15.00"},{"m":"02 noviembre 2014","d":"200.00"},{"m":"03 noviembre 2014","d":"25.00"}]

但没有显示任何内容......你能帮助我并告诉我我的错误在哪里吗?

这是我用来试图显示图表的JS库:

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.sparkline.min.js" type="text/javascript"></script>

这是页面中的javascript:

<?php include_once('graficas/users.php'); ?>
<script type="text/javascript">
    $(function() {
        var myvalues = <?php echo json_encode($users);?>;
        $('.dynamicsparkline').sparkline(myvalues);
        $('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'blue'} );
    });
</script>

这里是users.php中的代码

<?php
include 'cons.php';
$sql = $conn->prepare("SELECT DATE_FORMAT(start, '%d %M %Y') AS date, SUM(abono) AS total_diario 
FROM GANANCIAS WHERE id_user = '1' AND YEAR(start) = YEAR(current_date) GROUP BY date ASC ORDER BY YEAR(start) ASC");
    $sql->execute();
    while($row = $sql->fetch(PDO::FETCH_ASSOC)) {
    $doctores[] = array('m'=>$row['date'], 'd'=>$row['total_diario']);
}
?>

最后显示图表的ID:

<p>
   <span class="dynamicbar">Loading..</span>
</p>

始终只显示加载...

<小时/> 的修改

我更改了users.php

中的这部分代码
$doctores[] = array('m'=>$row['date'], 'd'=>$row['total_diario']);

doctores[] = $row['total_diario'];

现在让我看看带有这些值的图表:

var myvalues=["25.00","25.00","20.00","15.00"]

但图表显示每个分开的数字和点.... “,2,5,。,0,0,”,, ......等等

没关系! 现在工作正常并向我显示每个用户的所有数据!

1 个答案:

答案 0 :(得分:0)

我在 users.php

中更改了这部分代码
$doctores[] = array('m'=>$row['date'], 'd'=>$row['total_diario']);

doctores[] = $row['total_diario'];

现在让我看看带有这些值的图表:

var myvalues=["25.00","25.00","20.00","15.00"]

但图表显示每个分开的数字和点......&#34;,2,5,。,0,0,&#34; ,, ....等等< /击>

没关系! 现在工作正常并向我显示每个用户的所有数据!