Viewing file:  2a5cbc971db8af3232bb0228b645a45a.php (2.07 KB) -rwxrwxrwx
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<v-charts-doughnut <?php echo e($attributes); ?>></v-charts-doughnut>
<?php if (! $__env->hasRenderedOnce('4aaa4a1a-92cf-4055-a71e-35dfd401297a')): $__env->markAsRenderedOnce('4aaa4a1a-92cf-4055-a71e-35dfd401297a');
$__env->startPush('scripts'); ?>
<!-- SEO Vue Component Template -->
<script
type="text/x-template"
id="v-charts-doughnut-template"
>
<canvas
:id="$.uid + '_chart'"
class="flex w-full max-w-full items-end"
></canvas>
</script>
<script type="module">
app.component('v-charts-doughnut', {
template: '#v-charts-doughnut-template',
props: {
labels: {
type: Array,
default: [],
},
datasets: {
type: Array,
default: true,
},
},
data() {
return {
chart: undefined,
}
},
mounted() {
this.prepare();
},
methods: {
prepare() {
if (this.chart) {
this.chart.destroy();
}
this.chart = new Chart(document.getElementById(this.$.uid + '_chart'), {
type: 'doughnut',
data: {
labels: this.labels,
datasets: this.datasets,
},
options: {
plugins: {
legend: {
display: false
},
},
}
});
}
}
});
</script>
<?php $__env->stopPush(); endif; ?><?php /**PATH /var/www/html/laravel-crm/packages/Webkul/Admin/src/Providers/../Resources/views/components/charts/doughnut.blade.php ENDPATH**/ ?>
|