Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / musicjukebox.overlookedtracks.com / vendor / laravel / horizon / resources / js / components /

Editing: LineChart.vue

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: {
                    tooltips: {
                        intersect: false,
                    },
                    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 = scale.chart.data.datasets[0].data.reduce((max, value) => value > max ? value : max)

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>