[英]Flot Chart from PHP
我正在尝试使用数据库中的值创建一个流程图。 我现在如何拥有它,图表只绘制了 1 个数据点。 我怎样才能让它绘制数组中的其余数据? 我试图绘制在每个日期输入的代理总数。 var data2 将用于代理丢失
<?php
foreach($mysqli->query('SELECT COUNT(*), agent_date_entered, agent_id
FROM agents GROUP BY agent_date_entered
ORDER BY agent_date_entered') as $row) {
$count[] = $row['COUNT(*)'];
$agent[] = $row['agent_id'];
$date[] = $row['agent_date_entered'];
}
?>
<script>
var data, data1, options, chart;
var data1 = [ <?php echo json_encode($count); ? > , < ? php echo json_encode($date); ?> ];
var data2 = [];
data = [{
data: data1,
label: "Agents Gained",
lines: {
show: true
},
points: {
show: true
}
}, {
data: data2,
label: "Agents Lost",
lines: {
show: true
},
points: {
show: true
}
}];
options = {
legend: {
position: "nw"
}
};
$(document).ready(function () {
chart = $.plot($("#placeholder"), data, options);
});
</script>
借助Data format和Time series data评论之一中的链接,我找到了我正在寻找的答案。
以防万一其他人遇到这个问题,这是我如何让它工作的。 首先,我将 sql 语句中的日期更改为: (UNIX_TIMESTAMP(agent_date_depart)*1000) AS date
。 然后我在设置变量$depart = json_encode(floatval($row['date']));
时对其进行编码$depart = json_encode(floatval($row['date']));
. 为了使它在 x 轴上不是一个巨大的数字并显示为日期,我将 x 轴设置如下: xaxis: {mode: "time", timeformat: "%Y/%m/%d"},
. 您甚至可以使用 tooltipOpts 在工具提示中设置日期格式,如下所示:
tooltipOpts: {
content: function (label, x, y) {
var date = new Date(+x);
var tooltip = '<h4>' + label + '</h4><ul>';
tooltip += '<li>Date ' + date.toLocaleDateString() + '</li>';
tooltip += '<li>Total Count: ' + y + '</li></ul>';
return tooltip;
},
我发现让数据显示在图表中的最简单方法是,我将 sql 语句放在 data 变量中,如下所示:
var d2 = [
<?php
$sql = "SELECT COUNT(agent_id), (UNIX_TIMESTAMP(agent_date_depart)*1000) AS date FROM agents
WHERE agent_date_depart BETWEEN '$bdatecy' AND '$edatecy'
GROUP BY agent_date_depart ";
$result = mysqli_query($mysqli, $sql);
while ($row = mysqli_fetch_assoc($result)) {
$agent = $row['COUNT(agent_id)'];
$depart = json_encode(floatval($row['date']));
echo "[".$depart.", ".$agent."],";
}
?>
];
希望这会有所帮助,我想再次感谢您提供这些链接。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.