| Server IP : 138.197.176.125 / Your IP : 216.73.216.41 Web Server : Apache/2.4.41 (Ubuntu) System : Linux SuiteCRM-8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/vtigergoogleoffice365suite65phase2qa/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Response Time Chart</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns"></script>
</head>
<body>
<h1>Response Time Chart</h1>
<canvas id="responseTimeChart" width="800" height="400"></canvas>
<script>
fetch('getLogData.php')
.then(response => response.json())
.then(data => {
const labels = data.map(entry => entry.timestamp);
const responseTimes = data.map(entry => entry.responseTime);
const ctx = document.getElementById('responseTimeChart').getContext('2d');
new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Response Time (seconds)',
data: responseTimes,
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderWidth: 1
}]
},
options: {
scales: {
x: {
type: 'time',
time: {
unit: 'minute'
},
title: {
display: true,
text: 'Timestamp'
}
},
y: {
title: {
display: true,
text: 'Response Time (seconds)'
}
}
}
}
});
})
.catch(error => console.error('Error fetching log data:', error));
</script>
</body>
</html>