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

Question

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

[{"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,",,....等等

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

Answer 1

我更改了 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,",,....等等

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