| Server IP : 78.140.185.180 / Your IP : 216.73.216.203 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/public_html/vendor/laravel/horizon/resources/js/components/ |
Upload File : |
<script type="text/ecmascript-6">
import Chart from 'chart.js';
export default {
props: ['data'],
data(){
return {
context: null,
chart:null
}
},
mounted(){
this.context = this.$refs.canvas.getContext('2d');
this.chart = new Chart(this.context, {
type: 'line',
options: {
legend: {
display: false,
},
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: (value, index, values) => {
return this.data.datasets[0].label === "Seconds"
? `${value} secs`
: value;
},
},
gridLines: {
display: true
},
beforeBuildTicks: function (scale) {
var max = _.max(scale.chart.data.datasets[0].data);
scale.max = parseFloat(max) + parseFloat(max * 0.25);
},
}
],
xAxes: [
{
gridLines: {
display: true
},
afterTickToLabelConversion: function (data) {
var xLabels = data.ticks;
xLabels.forEach(function (labels, i) {
if (i % 6 != 0 && (i + 1) != xLabels.length) {
xLabels[i] = '';
}
});
}
},
]
}
},
data: this.data
});
},
}
</script>
<template>
<div style="position: relative;">
<canvas ref="canvas" height="120"></canvas>
</div>
</template>