gpt4 book ai didi

javascript - PHP Highcharts 按日期分组

转载 作者:行者123 更新时间:2023-12-03 03:45:08 24 4
gpt4 key购买 nike

我使用 php 创建一个网站,并且有一个仪表板。在我的仪表板中,我有一个图表,我使用 Highcharts 来呈现我的数据。我在显示数据时遇到问题。是的,我可以在 Highcharts 中显示数据,但无法正确显示。我认为我的查询有问题。

Dashboard

正如您在我的仪表板中看到的。 2017 年 8 月 1 日是最晚的日期,但其位置较旧。现在我想要的是最新日期位于前面或较旧日期之前。

Dashboard2

这是我的查询:

<?php
require_once('includes/database.php');
$stmt = mysqli_prepare($con, "SELECT date_format(entry_date, '%d-%b-%y')
as pDate, sum(doc_count) as pAmount FROM report_details GROUP BY pDate
DESC");
$result = array('day' => array(), 'amount' => array());
if ($stmt) {
mysqli_stmt_execute($stmt);
mysqli_stmt_bind_result($stmt, $day, $amount);
while (mysqli_stmt_fetch($stmt)) {
$result['day'][] = $day;
$result['amount'][] = (int)$amount;
}
mysqli_stmt_close($stmt);
}
?>

这是我的 Highcharts:

<script type="text/javascript">
window.onload = function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
backgroundColor: {
linearGradient: [0, 0, 500, 500],
stops: [
[0, 'rgb(38,50,56)'],
[1, 'rgb(84,110,122)']
]
},
type: 'line',
borderColor: '#37474f',
borderWidth: 2,
},
title: {
text: 'Document Saved Per day',
style:{
font: 'bold 25px "Trebuchet MS", Verdana, sans-serif',
color: 'white'
}
},
xAxis: {
max:13,
categories: <?php echo json_encode($result['day']) ?>,
crosshair: true,
labels: {
style: {
color: 'white',
font: 'bold 13px "Trebuchet MS", Verdana, sans-serif'
}
}
},
yAxis: {
min:0,
max:100,
labels: {
style: {
color: 'white',
fontSize: '15px'
}
},
gridLineColor: 'white',
title: {
text:'Documents',
style: {
color:'white',
font: 'bold 20px "Trebuchet MS", Verdana, sans-serif'
}
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
color: '#85DEFC',
name: 'Documents',
data: <?php echo json_encode($result['amount']) ?>
}]
});
};
</script>

最佳答案

我得到了答案。我以为这很困难,但事实并非如此。

这是我的答案:

<?php
require_once('includes/database.php');
$stmt = mysqli_prepare($con, "SELECT date_format(entry_date, '%d-%b-%y'),
sum(doc_count) as pAmount FROM report_details GROUP BY entry_date
DESC");
$result = array('day' => array(), 'amount' => array());
if ($stmt) {
mysqli_stmt_execute($stmt);
mysqli_stmt_bind_result($stmt, $day, $amount);
while (mysqli_stmt_fetch($stmt)) {
$result['day'][] = $day;
$result['amount'][] = (int)$amount;
}
mysqli_stmt_close($stmt);
}
?>

我删除了别名“pDate”并在查询中使用了“entry_date”,它对我有用。

关于javascript - PHP Highcharts 按日期分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45427569/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com