laravel图表无法从控制器获取数据

Question

我正在尝试从数据库获取数据到图表。 这就是我想要数据库中数据的方式    get row count according to the month in the date in 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)