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

Question

Я пытаюсь получить данные для диаграммы из базы данных.таким образом я хотел, чтобы данные из базы данных получали количество строк в соответствии с месяцем в дате в 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)