laravel-admin-ext / sparkline
Integrates jQuery sparkline into laravel-admin
Installs: 1 060
Dependents: 0
Suggesters: 0
Security: 0
Stars: 16
Watchers: 2
Forks: 3
Open Issues: 0
Requires
- php: >=7.0.0
- encore/laravel-admin: ~1.6
Requires (Dev)
- phpunit/phpunit: ~6.0
This package is auto-updated.
Last update: 2024-09-13 22:39:24 UTC
README
Screenshots
Installation
composer require laravel-admin-ext/sparkline php artisan vendor:publish --tag=laravel-admin-sparkline
Configuration
Open config/admin.php
, add configurations that belong to this extension at extensions
section.
'extensions' => [ 'sparkline' => [ // Set to `false` if you want to disable this extension 'enable' => true, ] ]
Usage
Use as chart panel
Create a view in views directory like resources/views/admin/sparkline/bar.blade.php
, and add following codes:
<div class="row text-center"> <div id="sparkline-bar"></div> </div> <script> $(function () { $("#sparkline-bar").sparkline([6,4,8, 9, 10, 5, 13, 18, 21, 7, 9], { type: 'bar', width: '100%', height: 150, barSpacing: 3, barWidth: 20, barColor: "#f39c12" }); }); </script>
Then show it on the page
class SparklineController extends Controller { public function index(Content $content) { return $content ->header('jQuery sparkline') ->body(new Box('Bar chart', view('admin.sparkline.bar'))); } }
For more usage, please refer to the official Documentation of jQuery sparkline.
Use in grid column
If column scores
returns a value with array type, and you wants to display this column as a inline line graphs
$grid->scores()->sparkline('line'); // add options $grid->scores()->sparkline('line', [ 'width' => 100, 'spotRadius' => 2 ]);
There are also 6 other chart types such as bar
, pie
,box
,tristate
,bullet
,discrete
, and all options can be found in official Documentation of jQuery sparkline.
Donate
Help keeping the project development going, by donating a little. Thanks in advance.
License
Licensed under The MIT License (MIT).