Laravel5.5以上使用Charts图表统计图
Song •
2877 次浏览 •
0个评论 •
2019年06月07日
以前的laravel-charts
已经无法使用了,如何在Laravel5.5
以上使用Charts
图表统计图。
一、安装
首先在命令终端里定位到项目的根目录,通过运行composer
命令进行下载安装:
composer require consoletvs/charts
下载完成后,在目录config/app.php中添加该扩展包的服务提供者:
'providers' => [
ConsoleTVs\Charts\ChartsServiceProvider::class,
],
以及服务的别名:
'alias' => [
'Charts' => ConsoleTVs\Charts\Charts::class,
],
最后通过artisan发布该扩展包的资源,包括配置文件,模板标签等:
php artisan vendor:publish --tag=charts_config
php artisan vendor:publish --tag=charts_assets --force
命令执行后,在配置目录config/charts.php
中包含一个设置数组,你可以在里面找到扩展包的默认设置。
二、使用
php artisan make:chart SampleChart
然后在控制器调用SampleChart
类
use App\Charts\SampleChart;
$chart = new SampleChart;
$chart->labels(['One', 'Two', 'Three', 'Four']);
$chart->dataset('My dataset', 'line', [1, 2, 3, 4]);
$chart->dataset('My dataset 2', 'line', [4, 3, 2, 1]);
return view('sample_view', ["chart"=>compact('chart')]);
最后在 HTML 渲染
{!! $chart["chart"]->container() !!}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
{!! $chart["chart"]->script() !!}
一共分为 line、bar、pie
4种类型,还可以设置颜色和背景,其中backgroundcolor
后的0.2为透明度
$chart = new SampleChart;
$chart->labels($labels);
$chart->dataset('会员费', 'line', $members)->color("rgb(15, 127, 254)")->backgroundcolor("rgb(97, 161, 254,0.2)");
文档请参考:Laravel Charts
5.5以下可以使用:Laravel图表扩展包推荐:Charts
用户评论
当前暂无评价,快来发表您的观点吧...
更多相关好文
当前暂无更多相关好文推荐...
-
laravel中distinct()的使用方法与去重 2017-09-11
-
Laravel将view缓存为静态html,laravel页面静态缓存 2021-10-09
-
[ laravel爬虫实战--基础篇 ] guzzle描述与安装 2017-11-01
-
[ 配置教程 ] 在ubuntu16.04中部署LNMP环境(php7+maridb且开启maridb远程以及nginx多域名访问 )并配置laravel环境 2017-07-18
-
花生壳绑定ubuntu服务器? 2024-08-23
热门文章
-
花生壳绑定ubuntu服务器? 2024-08-23
-
Laravel模型更新全表如何实现? 2024-03-11
-
php图片转为二进制数据的方法 2023-10-23
-
Jquery如何监听动态创建元素的点击事件? 2023-09-08
-
所以SheetJS实现table导出数据为Excel 2023-09-05
提交评论