1:菜鸟引入js

2

（1）：路由：

Route::get('echarts','FangController@echarts');

（2）：laeavel 控制器代码：

public function   echarts(){  

// 模型查询数据
$data=Fang::fangStatusCount();
// 携带数据返回视图
return view('fang.echarts',compact('data'));
}

（3）模型代码：

<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;

class Fang extends Model
{
//链接数据库表名
protected $table = 'fangs';

public static function fangStatusCount()  
{  

//房源总
$total = self::count();
//已租房
$czTotal = self::where('fang_status', 0)->count();
// 未租房
$wczTotal = $total - $czTotal;

    return \[  
        'total' => $total,  
        'czTotal' => $czTotal,  
        'wczTotal' => $wczTotal

    \];

}

}

3:在html中定义显示图表的容器

4:script

5：效果图：