Integrates jQuery sparkline into laravel-admin

v1.0.0 2018-09-25 17:12 UTC

This package is auto-updated.

Last update: 2024-03-13 21:36:52 UTC






composer require laravel-admin-ext/sparkline

php artisan vendor:publish --tag=laravel-admin-sparkline


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,


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>
    $(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"

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('')));

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


// 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.


Help keeping the project development going, by donating a little. Thanks in advance.

PayPal Me



Licensed under The MIT License (MIT).