<script>
import { Doughnut } from "vue-chartjs";

export default {
    extends: Doughnut,
    mounted() {
        this.renderChart({
            labels: ["محصولات", "نمونه کارها", "اخبار", "سفارشات", "اعضا"],
            datasets: [{
                labels: [
                    'Red',
                    'Yellow',
                    'Blue'
                ],
                data: [16,12,24,8,40],
                backgroundColor: [
                    'rgba(238, 53, 82, 0.2)',
                    'rgba(255, 107, 87, 0.2)',
                    'rgba(172, 55, 115, 0.2)',
                    'rgba(50, 197, 210, 0.2)',
                    'rgba(0, 0, 0, 0.2)',
                ],
                borderColor: [
                    '#ee3552',
                    '#FF6B57',
                    '#ac3773',
                    '#32c5d2',
                    '#000',
                ],
                borderWidth: 1,
            }]
        });
    }
};
</script>
