当前位置: 首页 > Web前端 > JavaScript

laravel-admin+echarts使用示例

时间:2023-03-27 01:31:41 JavaScript

避免laravel-admin使用pjax时出现uncaughtsyntaxerror:invalidorunexpectedtoken双纵轴显示左边的值和右边的百分比可以满足需求大多数生产环境。效果展示https://www.bilibili.com/video...环境laravel-admin1.8laravel/framework6.20echartsv5控制台打印echarts版本console.log(echarts.version);功能实现后台全局引入echartsEdit:/app/Admin/bootstrap.php##添加代码\Encore\Admin\Admin::js('https://lib.baomitu.com/echarts/5.0.0/echarts.common.min.js');添加路由修改:/app/Admin/routes.phpconfig('admin.route.prefix'),'namespace'=>config('admin.route.namespace'),'middleware'=>config('admin.route.middleware'),'as'=>config('admin.route.prefix').'.',],function(Router$router){//.....//添加路由示例$router->any('/example/echarts','Example\EchartsExampleController@index');});添加控制器方法添加控制器类:/app/Admin/Controllers/Example/EchartsExampleController.phptitle('主页')->description('统计');#################获取参数值-start################$start_time=$request->input('start_time',Carbon::today()->subDays(3)->toDateString());$end_time=$request->input('end_time',Carbon::yesterday()->toDateString());$date_range_choose=$request->input('date_range_choose','last_3days');################获取参数值结束#############################表单开始##############$form=newForm(['date_range_choose'=>$date_range_choose,]);$dateRange=newDateRange('start_time',['end_time','时间过滤器']);$dateRange->value(['start'=>;Carbon::parse($start_time)->toDateString(),'end'=>Carbon::parse($end_time)->toDateString(),])->help('默认显示最近7天的数据!asofBeforetoday')->options([//设置最小和最大可选时间'minDate'=>Carbon::now()->subYear()->toDateString(),'maxDate'=>Carbon::yesterday()->toDateString(),'useCurrent'=>false,])->setWidth(8,3);$radioButton=newRadioButton('date_range_choose',['']);$radioButton->options(['last_3days'=>'过去3天','last_7days'=>'过去7天',])->default($date_range_choose)->setWidth('70',0)->setScript($dateChooseJS);$row2=新行();$row2->column(5,$dateRange->render());$row2->column(3,$radioButton->render());$form->html($row2->render())->setWidth(0,12);$表单->方法('GET');$form->disableReset();#############Formform-end############################在这里获取数据-开始################$categorys=[];Carbon::parse($start_time)->daysUntil(Carbon::parse($end_time))->forEach(function($item)使用(&$categorys){$categorys[]=$item->toDateString();});//天数$categoryCount=count($categorys);$categoryStr='';foreach($categorysas$date){$categoryStr.="\"$date\",";}$a=[1,23,14,4,5,6,12,43];//生成假数据$values=Arr::only($a,array_rand($a,$categoryCount));$percentValues=Arr::only($a,array_rand($a,$categoryCount));$values=内爆(',',$values);$percentValues=implode(',',$percentValues);###############在这里获取数据-end###################################电子图表LineChart-start####################$chart_html=<<

HTML;$chartScript=<<