Integrates jQuery sparkline into laravel-admin
Switch branches/tags
Nothing to show
Clone or download
Latest commit 4a362f9 Sep 25, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
resources/assets first commit Sep 25, 2018
src first commit Sep 25, 2018
.gitignore first commit Sep 25, 2018
LICENSE first commit Sep 25, 2018
README.md update Sep 25, 2018
composer.json update Sep 25, 2018

README.md

Use jQuery Sparkline in laravel-admin

Screenshots

qq20180926-010814

qq20180926-010742

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.

PayPal Me

-1

License

Licensed under The MIT License (MIT).