laravel-admin-技能汇总

集成 `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

本文由邓尘锋创作，采用知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Aug 3, 2019 at 02:17 pm

集成 echarts

配置中文翻译

集成 `echarts`