├── .gitignore
├── LICENSE
├── README.md
├── composer.json
├── resources
    ├── assets
    │   └── echarts.min.js
    └── views
    │   ├── index.blade.php
    │   └── index1.blade.php
└── src
    ├── ECharts.php
    ├── EChartsServiceProvider.php
    └── Http
        └── Controllers
            └── EChartsController.php


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | phpunit.phar
3 | /vendor
4 | composer.phar
5 | composer.lock
6 | *.project
7 | .idea/


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 缪汶臻 747512353@qq.com
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | laravel-admin-ext\Echarts图表
 2 | ======
 3 | ![wx20180413-100502](http://cdn.taxworm.cn/TIM%E6%88%AA%E5%9B%BE20190131092038.png)
 4 | ## 安装
 5 | 
 6 | ```
 7 | $ composer require mwz747512353/laravel-admin-echarts
 8 | 
 9 | $ php artisan vendor:publish --tag=laravel-admin-echarts
10 | ```
11 | ## 使用
12 | ```
13 | ECharts::content('index') //index为视图文件，也将用于图标初始化的id值
14 | ```
15 | 插件的安装以及调试请看index插件模板文件，具体配置使用方法请查看echarts官方文档
16 | ## 有问题反馈
17 |  在使用中有任何问题，欢迎反馈给我，可以用以下联系方式跟我交流
18 | 
19 | * 邮件(747512353#qq.com, 把#换成@)
20 | * QQ: 747512353
21 | 
22 | ## 兴趣菜鸟交流群
23 | * QQ群:296031123
24 | 
25 | License
26 | ------------
27 | Licensed under [The MIT License (MIT)](LICENSE).
28 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "mwz747512353/laravel-admin-echarts",
 3 |     "description": "基于laravel-admin的echarts图表",
 4 |     "type": "library",
 5 |     "keywords": ["laravel-admin", "图表","echarts"],
 6 |     "homepage": "https://github.com/mwz747512353/laravelAdmin-echarts",
 7 |     "license": "MIT",
 8 |     "authors": [
 9 |         {
10 |             "name": "WenZhen Miao",
11 |             "email": "747512353qq.com"
12 |         }
13 |     ],
14 |     "require": {
15 |         "php": ">=7.0.0",
16 |         "encore/laravel-admin": "~1.6"
17 |     },
18 |     "require-dev": {
19 |         "phpunit/phpunit": "~6.0"
20 |     },
21 |     "autoload": {
22 |         "psr-4": {
23 |             "Encore\\ECharts\\": "src/"
24 |         }
25 |     },
26 |     "extra": {
27 |         "laravel": {
28 |             "providers": [
29 |                 "Encore\\ECharts\\EChartsServiceProvider"
30 |             ]
31 | 
32 |         }
33 |     }
34 | 
35 | }
36 | 


--------------------------------------------------------------------------------
/resources/views/index.blade.php:
--------------------------------------------------------------------------------
 1 | {!! $chart_html !!}
 2 | <script>
 3 | 	$(function () {
 4 | 	var myChart_{{$chart}} = echarts.init(document.getElementById('{{$chart}}'),null,{renderer: 'canvas'});
 5 | 	myChart_{{$chart}}.setOption({
 6 | 		title: {
 7 | 			text: '订单统计'
 8 | 		},
 9 | 		tooltip: {
10 | 			trigger: 'axis'
11 | 		},
12 | 		legend: {
13 | 			data:['已付款订单','未付款订单','待发货订单','已完成订单']
14 | 		},
15 | 		grid: {
16 | 			left: '3%',
17 | 			right: '4%',
18 | 			bottom: '3%',
19 | 			containLabel: true
20 | 		},
21 | 		toolbox: {
22 | 			feature: {
23 | 				saveAsImage: {}
24 | 			}
25 | 		},
26 | 		xAxis: {
27 | 			type: 'category',
28 | 			boundaryGap: false,
29 | 			data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
30 | 		},
31 | 		yAxis: {
32 | 			type: 'value'
33 | 		},
34 | 		series: [
35 | 			{
36 | 				name:'已付款订单',
37 | 				type:'line',
38 | 				stack: '总量',
39 | 				data:[120, 132, 101, 134, 90, 230, 210]
40 | 			},
41 | 			{
42 | 				name:'未付款订单',
43 | 				type:'line',
44 | 				stack: '总量',
45 | 				data:[220, 182, 191, 234, 290, 330, 310]
46 | 			},
47 | 			{
48 | 				name:'待发货订单',
49 | 				type:'line',
50 | 				stack: '总量',
51 | 				data:[150, 232, 201, 154, 190, 330, 410]
52 | 			},
53 | 			{
54 | 				name:'已完成订单',
55 | 				type:'line',
56 | 				stack: '总量',
57 | 				data:[320, 332, 301, 334, 390, 330, 320]
58 | 			}
59 | 		]
60 | 	});
61 | 	});
62 | 
63 | </script>


--------------------------------------------------------------------------------
/resources/views/index1.blade.php:
--------------------------------------------------------------------------------
 1 | {!!$chart_html !!}
 2 | <script>
 3 | 	$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
 4 | 
 5 | 	var myChart_{{$chart}} = echarts.init(document.getElementById('{{$chart}}'),null,{renderer: 'canvas'});
 6 | 	myChart_{{$chart}}.setOption({
 7 | 		title: {
 8 | 			text: '金额统计'
 9 | 		},
10 | 		tooltip: {
11 | 			trigger: 'axis'
12 | 		},
13 | 		legend: {
14 | 			data:['累计收入','累计退款','未完成收入']
15 | 		},
16 | 		grid: {
17 | 			left: '3%',
18 | 			right: '4%',
19 | 			bottom: '3%',
20 | 			containLabel: true
21 | 		},
22 | 		toolbox: {
23 | 			feature: {
24 | 				saveAsImage: {}
25 | 			}
26 | 		},
27 | 		xAxis: {
28 | 			type: 'category',
29 | 			boundaryGap: false,
30 | 			data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
31 | 		},
32 | 		yAxis: {
33 | 			type: 'value'
34 | 		},
35 | 		series: [
36 | 			{
37 | 				name:'累计收入',
38 | 				type:'line',
39 | 				stack: '总量',
40 | 				data:[120, 132, 101, 134, 90, 230, 210]
41 | 			},
42 | 			{
43 | 				name:'累计退款',
44 | 				type:'line',
45 | 				stack: '总量',
46 | 				data:[220, 182, 191, 234, 290, 330, 310]
47 | 			},
48 | 			{
49 | 				name:'未完成收入',
50 | 				type:'line',
51 | 				stack: '总量',
52 | 				data:[150, 232, 201, 154, 190, 330, 410]
53 | 			},
54 | 
55 | 		]
56 | 	});
57 | 	})
58 | 
59 | </script>


--------------------------------------------------------------------------------
/src/ECharts.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Encore\ECharts;
 4 | 
 5 | use Encore\Admin\Extension;
 6 | 
 7 | class ECharts extends Extension
 8 | {
 9 |     public $name = 'echarts';
10 | 	public $views = __DIR__ . '/../resources/views';
11 |     public $assets = __DIR__.'/../resources/assets';
12 | 	   static public function content($option=[]){
13 | 	   	$time=$option.'_'.time();
14 | 	   	$html=<<<EOF
15 | 		<div id="{$time}" style="width: 100%;height:100%;">加载中....</div>
16 | EOF;
17 | 
18 | 		   return view('echarts::'.$option,['chart'=>$time,'chart_html'=>$html]);
19 | 	   }
20 | 
21 | }


--------------------------------------------------------------------------------
/src/EChartsServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Encore\ECharts;
 4 | 
 5 | use Encore\Admin\Admin;
 6 | use Illuminate\Support\ServiceProvider;
 7 | 
 8 | class EChartsServiceProvider extends ServiceProvider
 9 | {
10 |     /**
11 |      * {@inheritdoc}
12 |      */
13 |     public function boot(ECharts $extension)
14 |     {
15 |         if (! ECharts::boot()) {
16 |             return ;
17 |         }
18 | 
19 |         if ($views = $extension->views()) {
20 |             $this->loadViewsFrom($views, 'echarts');
21 |         }
22 | 
23 |         if ($this->app->runningInConsole() && $assets = $extension->assets()) {
24 |             $this->publishes(
25 |                 [$assets => public_path('vendor\\laravel-admin-ext\\echarts')],
26 |                 'laravel-admin-echarts'
27 |             );
28 |         }
29 | 	    Admin::booting(function () {
30 | 		    Admin::js('vendor/laravel-admin-ext/echarts/echarts.min.js');
31 | 	    });
32 |     }
33 | }


--------------------------------------------------------------------------------
/src/Http/Controllers/EChartsController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Encore\ECharts\Http\Controllers;
 4 | 
 5 | use Encore\Admin\Layout\Content;
 6 | use Illuminate\Routing\Controller;
 7 | 
 8 | class EChartsController extends Controller
 9 | {
10 |     public function index(Content $content)
11 |     {
12 |         return $content
13 |             ->header('Title')
14 |             ->description('Description')
15 |             ->body(view('echarts::index'));
16 |     }
17 | }


--------------------------------------------------------------------------------