ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / conferinta_tbf / resources / js / components /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : Statistics.vue \| Size : 1.35 KB
<template> <div class="statistics-content"> <div class="card"> <div class="card-body"> <apexchart ref="chart" width="100%" height="300px" type="bar" :options="options" :series="series"></apexchart> </div> </div> </div> </template> <script> export default { data() { return { options: { chart: { id: 'vuechart-example' }, xaxis: { categories: [] } }, series: [{ name: 'series-1', data: [] }], logs: {} }; }, created() { axios.get('/getLogs').then((response)=>{ this.logs = response.data; this.options.xaxis.categories = Object.keys(this.logs) const series = [{ data: Object.values(this.logs).map((value)=>{ return value.length; }) }] this.$refs.chart.updateOptions(this.options, false, true); this.$refs.chart.updateSeries(series, true); }) }, mounted() { }, components: {}, methods: {} } </script> Back

Edit File : Statistics.vue | Size : 1.35 KB

export default {
        data() {
            return {
                options: {
                    chart: {
                        id: 'vuechart-example'
                    },
                    xaxis: {
                        categories: []
                    }
                },
                series: [{
                    name: 'series-1',
                    data: []
                }],
                logs: {}
            };
        },
        created() { 
            axios.get('/getLogs').then((response)=>{
                this.logs = response.data;
                this.options.xaxis.categories = Object.keys(this.logs)
                const series = [{
                    data: Object.values(this.logs).map((value)=>{
                        return value.length;
                    })
                }]

this.$refs.chart.updateOptions(this.options, false, true);
                this.$refs.chart.updateSeries(series, true);
            })
        },
        mounted() { },
        components: {},
        methods: {}
    }
</script>

Back