init

Author: cyd622

.gitignore

@@ -0,0 +1,7 @@
+.DS_Store
+phpunit.phar
+/vendor
+composer.phar
+composer.lock
+*.project
+.idea/

LICENSE

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

README.md

@@ -0,0 +1,69 @@
+Use Echarts in laravel-admin
+======
+
+## Screenshot
+
+![ATUBAe.md.jpg](https://s2.ax1x.com/2019/04/10/ATUBAe.jpg)
+## Installation
+
+```bash
+composer require cyd622/laravel-admin-ext-echarts
+
+php artisan vendor:publish --tag=echarts
+```
+
+## Configuration
+
+Open `config/echarts.php`, set configurations .
+
+```php
+
+    [
+        'view' => 'echarts::index',
+        'water_mark_text' => 'Cyd622@Laravel-Admin',
+        'theme' => 'shine',
+    ];
+
+```
+
+> * `view` set the view
+> * `water_mark_text` set the watermark. if value is `null` or `''` will not use watermark
+> * `theme` set the echarts theme
+
+## Usage
+
+Add following codes in your controller :
+```php
+public function index(Content $content)
+{
+	$json = '[{"count_date":"03-28","fans_num":5906,"article_num":363,"forward_num":27928,"comment_num":9123,"like_num":35632},{"count_date":"03-29","fans_num":9565,"article_num":361,"forward_num":16755,"comment_num":7193,"like_num":36540}]';
+	
+	$jsonArr = json_decode($json, 1);
+	// bindData
+	$head = [
+	    'count_date' => '日期',
+	    'fans_num' => '粉丝',
+	    'comment_num' => '评论',
+	    'article_num' => '文章',
+	    'forward_num' => '转发',
+	    'like_num' => '点赞',
+	];
+	$echarts = (new Echarts('柱状图', '数据来自新浪云大数据平台'))
+	            ->setData($jsonArr)
+	            ->bindLegend($head);
+	            
+	return $content
+	            ->header('Echarts demo')
+	            ->description('百度echarts图表展示')
+	            ->body(new Box('折线图', $echarts));
+
+}
+```
+
+
+For more usage, please refer to the official [documentation](https://www.echartsjs.com/tutorial.html) of echartsjs.
+
+
+License
+------------
+Licensed under [The MIT License (MIT)](LICENSE).

composer.json

@@ -0,0 +1,34 @@
+{
+    "name": "cyd622/laravel-admin-ext-echarts",
+    "description": "Use Echarts in laravel-admin",
+    "type": "library",
+    "keywords": ["laravel-admin", "extension", "echarts"],
+    "homepage": "https://github.com/cyd622/laravel-admin-ext-echarts",
+    "license": "MIT",
+    "authors": [
+        {
+            "name": "cyd622",
+            "email": "luffywang622@gmail.com"
+        }
+    ],
+    "require": {
+        "php": ">=7.0.0",
+        "encore/laravel-admin": "~1.6"
+    },
+    "require-dev": {
+        "phpunit/phpunit": "~6.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "Encore\\Admin\\Widgets\\Echarts\\": "src/"
+        }
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Encore\\Admin\\Widgets\\Echarts\\EchartsServiceProvider"
+            ]
+
+        }
+    }
+}

config/config.php

@@ -0,0 +1,7 @@
+<?php
+
+return [
+    'view' => 'echarts::index',
+    'water_mark_text' => 'Cyd622@Laravel-Admin',
+    'theme' => 'shine',
+];

resources/assets/draw.js

@@ -0,0 +1,38 @@
+let echartTheme = null;
+let waterMarkCanvas = null;
+
+function drawWaterMark(waterMarkText) {
+    let waterMarkCanvas = document.createElement('canvas');
+    let ctx = waterMarkCanvas.getContext('2d');
+    waterMarkCanvas.width = 220;
+    waterMarkCanvas.height = 200;
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.globalAlpha = 0.07;
+    ctx.font = '20px Microsoft Yahei';
+    ctx.translate(130, 90);
+    ctx.rotate(-Math.PI / 4);
+    ctx.fillText(waterMarkText, 0, 0);
+    return waterMarkCanvas;
+}
+
+function drawEcharts(domId, option) {
+
+    if (waterMarkCanvas) {
+        option.backgroundColor = {
+            type: 'pattern',
+            image: waterMarkCanvas,
+            repeat: 'repeat'
+        };
+    }
+    if (option.dataZoom) {
+        option.grid.bottom = '18%';
+    }
+    let dom = document.getElementById(domId);
+    let myChart = echarts.init(dom, echartTheme);
+    myChart.showLoading();
+    setTimeout(function () {
+        myChart.hideLoading();
+        myChart.setOption(option, true);
+    }, 200);
+}