使用 jquery 迷你图和 mysql 数据绘制条形图答案

【问题标题】：draw a bar chart with jquery sparkline and mysql data使用 jquery 迷你图和 mysql 数据绘制条形图
【发布时间】：2023-03-30 23:08:01
【问题描述】：

我正在尝试使用带有 mysql 数据的 jquery sparkline 来显示每个用户每天赚多少钱... 在这里，我向您展示了 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,",,....等等~~

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

【问题讨论】：

标签： javascript jquery mysql sparklines

【解决方案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,",,....等等~~

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

【讨论】：