Viewing file:  74899e604626e96fb487bb93b4197971.php (2.06 KB) -rw-rw-rw-
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<v-charts-doughnut <?php echo e($attributes); ?>></v-charts-doughnut>
<?php if (! $__env->hasRenderedOnce('09f23841-3e00-4acb-aa58-b5944d748461')): $__env->markAsRenderedOnce('09f23841-3e00-4acb-aa58-b5944d748461');
$__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 C:\xampp\htdocs\laravel-crm\packages\Webkul\Admin\src/resources/views/components/charts/doughnut.blade.php ENDPATH**/ ?>
|