Я настраиваю отчетную сводку сумм, собранных в данной недвижимости, мне удалось получить данные из БД и отобразить их на графике.Я намерен отобразить все платежи, сгруппированные по состояниям по месяцам.Я хочу, чтобы у y axis
была сумма выплат, а у x axis
- месяцы при группировке результатов по estatename
, но я не уверен, как правильно это реализовать.
Это то, что я сделал:
document.addEventListener('DOMContentLoaded', function () {
var line_chart = c3.generate({
bindto: '#c3-line-chart',
point: {
r: 4
},
size: {height: 400},
color: {
pattern: ['#4CAF50', '#F4511E', '#1E88E5']
},
data: {
columns: [
<?php
$allestates=$this->db->query("select distinct(estate) from bookings order by estate desc")->result_array();
if(count($allestates)>0) {
foreach ($allestates as $singleestate):
$thisestate=$singleestate['estate'];
$fetchestate=$this->db->query("select estatename from tbl_estates where id='$thisestate'")->row();
$thisname = $fetchestate->estatename;
echo '['.'\''.ucwords($thisname).'\''.',';
$allpayments = $this->db->query("select amountpaid from bookings where estate='$thisestate'")->result_array();
foreach ($allpayments as $payments):
echo $payments['amountpaid'].',';
endforeach;
echo '],';
endforeach;
}else{
?>
['Hazina', 30, 200, 100, 400, 150, 250],
['Hill Side', 50, 20, 10, 40, 15, 25]
<?php }?>
],
type: 'spline'
},
grid: {
y: {
show: true
}
}
});
// Resize chart on sidebar width change
$(".sidebar-control").on('click', function () {
line_chart.resize();
});
});