akaunting/resources/views/widgets/expenses_by_category.blade.php

<div id="widgets-expenses-by-category" class="{{ $model->settings->width }}">
    <div class="card">
        @include('partials.widgets.standard_header', ['header_class' => 'border-bottom-1'])

        <div class="card-body" id="expenses-category-doughnut">
            <div class="dashboard-categories">
                {!! $chart->container() !!}
            </div>
        </div>
    </div>
</div>

@push('charts')
    <script>
        var expenses_category_doughnut = new Vue({
            el: '#expenses-category-doughnut',
        });
    </script>
@endpush

@push('body_scripts')
    {!! $chart->script() !!}
@endpush