Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/adimi/application/modules/dashboard/assets/js/ |
<script type="text/javascript">
"use strict";
//line chart
var ctx = document.getElementById("lineChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["<?php echo display('january')?>", "<?php echo display('february')?>", "<?php echo display('march')?>", "<?php echo display('april')?>", "<?php echo display('may')?>", "<?php echo display('june')?>", "<?php echo display('july')?>", "<?php echo display('august')?>", "<?php echo display('september')?>", "<?php echo display('october')?>", "<?php echo display('november')?>", "<?php echo display('december')?>"],
datasets: [
{
label: "<?php echo display('sales')?>",
borderColor: "#2C3136",
borderWidth: "1",
backgroundColor: "rgba(0, 113, 255,0.51)",
pointHighlightStroke: "rgba(26,179,148,1)",
data: [
<?php
$m = 1;
if (!empty($monthly_sales_report[0])) {
for ($i = 0; $i < 12; $i++) {
if (!empty($monthly_sales_report[0][$i])) {
for ($j = $m; $j <= 12; $j++) {
if (@$monthly_sales_report[0][$i]->month != $j) {
echo "0,";
} else {
echo($monthly_sales_report[0][$i]->total . ",");
$m = $monthly_sales_report[0][$i]->month + 1;
break 1;
}
}
} else {
echo "0,";
break;
}
}
}
?>
]
},
{
label: "<?php echo display('purchase')?>",
borderColor: "#73BC4D",
borderWidth: "1",
backgroundColor: "rgba(0, 210, 242, 0.51)",
pointHighlightStroke: "rgba(26,179,148,1)",
data: [
<?php
$n = 1;
if (!empty($monthly_sales_report[1]))
for ($k = 0; $k < 12; $k++) {
if (!empty($monthly_sales_report[1][$k])) {
for ($l = $n; $l <= 12; $l++) {
if (@$monthly_sales_report[1][$k]->month == $l) {
echo($monthly_sales_report[1][$k]->total_month . ",");
$n = $monthly_sales_report[1][$k]->month + 1;
break 1;
} else {
echo "0,";
}
}
} else {
echo "0,";
break;
}
}
?>
]
}
]
},
options: {
responsive: true,
tooltips: {
mode: 'index',
intersect: false
},
hover: {
mode: 'nearest',
intersect: true
}
}
});
</script>
<script type="text/javascript">
"use strict";
//bar chart
var ctx = document.getElementById("barChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: [
<?php
foreach ($monthly_new_customers as $monthly_new_customer) {
echo '"'.(date('Y-F',strtotime($monthly_new_customer->month.'01'))).'",';
}
?>
],
datasets: [
{
label: "<?php echo display('new_customers')?>",
borderColor: "#2C3136",
borderWidth: "1",
backgroundColor: "rgba(0, 113, 255,0.51)",
pointHighlightStroke: "rgba(26,179,148,1)",
data: [
<?php
if (!empty($monthly_new_customers)) {
foreach ($monthly_new_customers as $monthly_new_customer) {
echo($monthly_new_customer->new_customers . ",");
}
}
?>
]
},
{
label: "<?php echo display('returning_customers')?>",
borderColor: "#73BC4D",
borderWidth: "1",
backgroundColor: "rgba(0, 210, 242, 0.51)",
pointHighlightStroke: "rgba(26,179,148,1)",
data: [
<?php
if(!empty($monthly_returning_customers)){
foreach ($monthly_returning_customers as $monthly_returning_customer) {
echo($monthly_returning_customer->returning_customers . ",");
}
}
?>
]
}
]
},
options: {
responsive: true,
tooltips: {
mode: 'index',
intersect: false
},
hover: {
mode: 'nearest',
intersect: true
},
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>