snowsoft / sparkline
Integrates jQuery sparkline into laravel-admin
v1.0.2
2023-01-27 11:21 UTC
Requires
- php: >=7.0.0
- snowsoft/laravel-admin: >=1.6
Requires (Dev)
- phpunit/phpunit: ~6.0
This package is auto-updated.
Last update: 2024-10-27 14:58:10 UTC
README
Screenshots
Installation
composer require snowsoft/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.
License
Licensed under The MIT License (MIT).