介绍 & lt; script 类型=拔谋?javascript", https://www.yisu.com/zixun/src="/js/echarts.min.js "> 路线::获得(& # 39;/test2 # 39;,, & # 39; CunliangController@test2& # 39;)→名称(& # 39;test2 # 39;);
路线::post (& # 39;/odata # 39;,, & # 39; CunliangController@odata& # 39;); public function test2 ()
{
,return 视图(& # 39;cunliang.test2& # 39;);
}
public function odata ()
{
,//返回最近七天的数据
,data 美元;=,月份大浪::,(“file_type",,“O")→最新()
,,,,→带(7)
,,,,,();
美元,return array_reverse(数据→toArray(),假);
} & lt; div id=癱ontain",祝辞& lt;/div> & lt; script 类型=拔谋?javascript"比;
,var names =, [];
,var ttls =, [];
,function getData ()
,{
$ . post(才能“{{,url (& # 39;/odata # 39;),}},,, {
,才能“_token":,“{{, csrf_token (),}},
,,},的功能(数据),{
,,. each美元(数据,函数(我,,项目),{
,,,names.push (item.update_date);
,,,ttls.push (item.space_size);
,,});
,,});
,}
,getData ();
,function 图表(),{
var 才能;myChart =, echarts.init (. getelementbyid (“contain"));
option 才能=,{
,,title :, {
文本:,,,,& # 39;O域数据最近7天更新情况& # 39;
,,},
,,tooltip :, {
,,,触发:,& # 39;轴# 39;
,,},
,,,的传说:{
,,,数据:[& # 39;数据大小& # 39;】
,,},
,,,工具箱:{
,,,show :,真的,
,,,feature :, {
,,,,mark :,{显示:真正的},
,,,,dataView :,{显示:真的,,只读的:,假},
,,,,magicType :,{显示:真的,,类型:,(& # 39;行# 39;,,& # 39;酒吧# 39;]},
,,,,restore :,{显示:真正的},
,,,,saveAsImage :,{显示:真正的}
,,,}
,,},
,,calculable :,真的,
,,xAxis :,
,,,{
,,,,axisLine:, {
,,,,,线型:,{,颜色:& # 39;# 333 & # 39;,}
,,,,},
,,,,axisLabel:, {
,,,,,:旋转,30日
,,,,,时间间隔:0
,,,,},
,,,,type :, & # 39;类别# 39;
,,,,boundaryGap :,假的,
,,,,data :, names //, x的数据,为上个方法中得到的名字
,,,}
,,,,
,,yAxis :,
,,,{
,,,,type :, & # 39;价值# 39;
,,,,axisLabel :, {
,,,,,格式化程序:,& # 39;{value},猴# 39;
,,,,},
,,,,axisLine:, {
,,,,,线型:,{,颜色:& # 39;# 333 & # 39;,}
,,,,}
,,,}
,,,,
,,series :,
,,,{
,,,,名字:& # 39;数据大小& # 39;,
,,,,类型:& # 39;行# 39;
,,,,:光滑,0.3,
,,,,数据:,ttls //, y轴的数据,由上个方法中得到的ttl
,,,}
,,,)
,};//大敌;使用刚指定的配置项和数据显示图表。
,myChart.setOption(选项);
,}
,setTimeout(& # 39;图表()& # 39;,,1000);
& lt;/script>
今天就跟大家聊聊有关怎么在laravel5.5中添加echarts实现画图功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<强>一、下载echarts
<强>二,在页面中引入echarts
我把下载下来的echarts.min.js放在了公共/js/目录下
<强>三,通过帖子的请求获取数据并在页面展示
1。添加路由
/test2用来展示echarts的界面,/odata获取数据。
2。控制器添加代码
3。页面刀模板添加
4。添加js
看完上述内容,你们对怎么在laravel5.5中添加echarts实现画图功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
