Диаграмма laravel не получает данные от контроллера

Я пытаюсь получить данные для диаграммы из базы данных. вот как я хотел данные из базы данных получить количество строк в соответствии с месяцем в дате в Laravel

поэтому я добавляю этот запрос. так выглядит контроллер

class DashboardController extends Controller
    {
    public function admin()
    {

        $suppliers = SupplierData::all();
        $repcounter= SalesRep::count();
        $totalsales= SalesData::count();
        $totalrevenue=SalesData::sum('total_price');



        $chartdata = SalesData::selectRaw('COUNT(*) as count, YEAR(dateOfSale) year, MONTH(dateofSale) month')
            ->groupBy('year', 'month')
            ->get();

        $chart=Charts::database($chartdata,'bar','highcharts')
            ->title("Sales Details")
            ->elementLabel("Total Sales")
            ->dimensions(1000,500)
            ->responsive(false);

        return view('dashboard', compact('suppliers','repcounter','totalsales','totalrevenue','chart'));
    }

и вот моя часть кода html

<div>
    {!!    $chart->html() !!}
        </div>

но это дает мне пустую диаграмму. Я не знаю, где я ошибся. вот как это показывает.

отредактировал вот ошибка консоли,

Uncaught TypeError: Cannot read property 'querySelectorAll' of null
    at Object.c.createSvg (chartist.min.js:8)
    at e.d [as createChart] (chartist.min.js:8)
    at e.h (chartist.min.js:8)