laravel-admin-技能汇总
in Laravel - 0 评论

laravel-admin-技能汇总

in Laravel with 0 comment

集成 echarts

dist 文件 放置到 public 目录下

dist 下载: https://github.com/surest-sky/example/tree/master/static/dist

创建 blade 模板

<!-- 设置长宽高的div -->
<div id="visits" style="width: 100%; height: 800px"></div>

<!-- 引入插件 -->
<script src="{{asset('dist/echarts.js')}}"></script>

//初始化echarts实例
var myChart = echarts.init(document.getElementById('visits'));

// 设置配置
let option = {} 

// 初始化图表
//使用制定的配置项和数据显示图表
myChart.setOption(option);

在图表中使用数据

例如:

    // 后端
   public function index(Content $content)
   {
       ...
       return $content
        ->title('后台首页')
        ->description('相关数据统计')
        ->row(function (Row $row) {
            $time= \json_encode([2018, 2019]);
            $visit = view('admin.home.index', compact('time'));
            $row->column(12, new Box('网站访问量', $visit));
        });


    // 前端
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : JSON.parse(`{!! $time !!}`)
        }
    ],

配置中文翻译


composer require overtrue/laravel-lang

在config目录下面的app.php
找到
Illuminate\Translation\TranslationServiceProvider::class
替换为
Overtrue\LaravelLang\TranslationServiceProvider::class

设置 app.php
'local' => 'zh-CN'

 同时可以修改 resource > lang > zh-CN.json


Responses