laravel5.5添加echarts实现画图功能的方法

Laravel  /  管理员 发布于 8年前   366

一、下载echarts

我用的是3.X版本，下载地址

二、在页面中引入echarts

我把下载下来的echarts.min.js放在了public/js/目录下

三、通过post的请求获取数据并在页面展示

1.添加路由

Route::get('/test2', 'CunliangController@test2')->name('test2');Route::post('/odata', 'CunliangController@odata');

/test2用来展示echarts的界面，/odata获取数据。

2.控制器添加代码

public function test2(){ return view('cunliang.test2');}public function odata(){ //返回最近七天的数据 $data = Cunliang::where("file_type", "O")->latest()     ->take(7)     ->get(); return array_reverse($data->toArray(),false);}

3.页面blade模板添加

4.添加js

其中getdata通过post得到的数据为echart准备数据，function chart()为echart的数据展示形式，可以根据自己需求在官网查找。

参考资料

使用laravel和ECharts实现折线图效果

官网教程

以上这篇laravel5.5添加echarts实现画图功能的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

• tp5修改(实现即点即改)
• PHP+jQuery实现即点即改功能示例
• jQuery实现checkbox即点即改批量删除及中间遇到的坑
• JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享
• Laravel+Layer实现图片上传功能(整理篇)
• Laravel框架实现发送短信验证功能代码
• laravel框架关于搜索功能的实现
• laravel框架上传图片实现实时预览功能
• 使用Laravel中的查询构造器实现增删改查功能
• Laravel 6 将新增为指定队列任务设置中间件的功能
• Laravel框架实现即点即改功能的方法分析