PHPackages                             mlsolutions/chartjs-widget - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. mlsolutions/chartjs-widget

ActiveLibrary[Admin Panels](/categories/admin)

mlsolutions/chartjs-widget
==========================

A chartjs widget for laravel nova-dashboard.

v1.0.10(10mo ago)13.5k↑42.5%MITPHPPHP >=8.1

Since Jun 16Pushed 10mo agoCompare

[ Source](https://github.com/ml-solutions-ltda/chartjs-widget)[ Packagist](https://packagist.org/packages/mlsolutions/chartjs-widget)[ GitHub Sponsors](https://github.com/milewski)[ RSS](/packages/mlsolutions-chartjs-widget/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (2)Versions (11)Used By (0)

ChartJS Widget for Nova Dashboard
=================================

[](#chartjs-widget-for-nova-dashboard)

[![Latest Version on Packagist](https://camo.githubusercontent.com/f2f71fea211aed476a50233dce272208018ce410f137cc3569fdaaf09178bb7f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d6c736f6c7574696f6e732f63686172746a732d776964676574)](https://packagist.org/packages/mlsolutions/chartjs-widget)[![Total Downloads](https://camo.githubusercontent.com/773834c80c5070e0f4dde7067d074053fa9e866d3360256dcad2cedec364dd07/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d6c736f6c7574696f6e732f63686172746a732d776964676574)](https://packagist.org/packages/mlsolutions/chartjs-widget)[![License](https://camo.githubusercontent.com/2437cbb05142c55aaa7f7e06e374c359d4bb356eed2094664ec7537b843faaf2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6d6c736f6c7574696f6e732f63686172746a732d776964676574)](https://github.com/ml-solutions-ltda/chartjs-widget/blob/main/LICENSE)

  ![Nova ChartJs Widget](https://raw.githubusercontent.com/ml-solutions-ltda/chartjs-widget/main/screenshots/light.png)A ChartJs widget for laravel [Nova Dashboard](https://github.com/ml-solutions-ltda/nova-dashboard).

Installation
============

[](#installation)

You can install the package via composer:

```
composer require mlsolutions/chartjs-widget

```

Basic Usage
-----------

[](#basic-usage)

Most of the configuration options can be inferred directly from the official [Chart.js documentation](https://www.chartjs.org/docs/latest/configuration/#configuration).

```
use MlSolutions\ChartJsWidget\Charts\BarChartWidget;
use MlSolutions\NovaDashboard\Filters;
use Illuminate\Support\Collection;
use Laravel\Nova\Http\Requests\NovaRequest;

class Example extends BarChartWidget
{
    public function configure(NovaRequest $request): void
    {
        /**
         * These set the title and the button on the top-right if there are multiple "tabs" on this view
         */
        $this->title('Example BarChart');
        $this->buttonTitle('BarChart');
        $this->backgroundColor(dark: '#1e293b', light: '#ffffff');

        $this->padding(top: 30, bottom: 5);

        $this->tooltip([]); // https://www.chartjs.org/docs/latest/configuration/tooltip.html#tooltip
        $this->scales([]);  // https://www.chartjs.org/docs/latest/axes/#axes
        $this->legend([]);  // https://www.chartjs.org/docs/latest/configuration/legend.html#legend
        $this->elements();  // https://www.chartjs.org/docs/latest/configuration/elements.html#elements

        /**
         * These will create another tab on the same view, it doesn't necessarily need to be
         * another chart of the same type it can be any other chart.
         */
        $this->addTab(Chart2::class);
        $this->addTab(Chart3::class);
    }

    public function value(Filters $filters): array
    {
        return [
            'labels' => Collection::range(0, 5)->map(fn () => fake()->word()),
            'datasets' => Collection::range(0, 5)->map(fn () => [
                'data' => Collection::range(0, 5)->map(fn () => fake()->numberBetween(0, 100)),
            ]),
        ];
    }
}
```

All chart types are available:

- [BarChartWidget](https://www.chartjs.org/docs/latest/charts/bar.html)
- [BubbleChartWidget](https://www.chartjs.org/docs/latest/charts/bubble.html)
- [DoughnutChartWidget](https://www.chartjs.org/docs/latest/charts/doughnut.html)
- [LineChartWidget](https://www.chartjs.org/docs/latest/charts/line.html)
- [PieChartWidget](https://www.chartjs.org/docs/latest/charts/doughnut.html#pie)
- [PolarAreaChartWidget](https://www.chartjs.org/docs/latest/charts/polar.html)
- [RadarChartWidget](https://www.chartjs.org/docs/latest/charts/radar.html)
- [ScatterChartWidget](https://www.chartjs.org/docs/latest/charts/scatter.html)

⭐️ Show Your Support
--------------------

[](#️-show-your-support)

Please give a ⭐️ if this project helped you!

### Other Packages You Might Like

[](#other-packages-you-might-like)

- [Nova Dashboard](https://github.com/ml-solutions-ltda/nova-dashboard) - The missing dashboard for Laravel Nova!
- [Nova Welcome Card](https://github.com/ml-solutions-ltda/nova-welcome-card) - A configurable version of the `Help card` that comes with Nova.
- [Icon Action Toolbar](https://github.com/ml-solutions-ltda/icon-action-toolbar) - Replaces the default boring action menu with an inline row of icon-based actions.
- [Expandable Table Row](https://github.com/ml-solutions-ltda/expandable-table-row) - Provides an easy way to append extra data to each row of your resource tables.
- [Collapsible Resource Manager](https://github.com/ml-solutions-ltda/collapsible-resource-manager) - Provides an easy way to order and group your resources on the sidebar.
- [Resource Navigation Tab](https://github.com/ml-solutions-ltda/resource-navigation-tab) - Organize your resource fields into tabs.
- [Resource Navigation Link](https://github.com/ml-solutions-ltda/resource-navigation-link) - Create links to internal or external resources.
- [Nova Mega Filter](https://github.com/ml-solutions-ltda/nova-mega-filter) - Display all your filters in a card instead of a tiny dropdown!
- [Nova Pill Filter](https://github.com/ml-solutions-ltda/nova-pill-filter) - A Laravel Nova filter that renders into clickable pills.
- [Nova Slider Filter](https://github.com/ml-solutions-ltda/nova-slider-filter) - A Laravel Nova filter for picking range between a min/max value.
- [Nova Range Input Filter](https://github.com/ml-solutions-ltda/nova-range-input-filter) - A Laravel Nova range input filter.
- [Nova FilePond](https://github.com/ml-solutions-ltda/nova-filepond) - A Nova field for uploading File, Image and Video using Filepond.
- [Custom Relationship Field](https://github.com/ml-solutions-ltda/custom-relationship-field) - Emulate HasMany relationship without having a real relationship set between resources.
- [Column Toggler](https://github.com/ml-solutions-ltda/column-toggler) - A Laravel Nova package that allows you to hide/show columns in the index view.
- [Batch Edit Toolbar](https://github.com/ml-solutions-ltda/batch-edit-toolbar) - Allows you to update a single column of a resource all at once directly from the index page.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](https://raw.githubusercontent.com/ml-solutions-ltda/chartjs-widget/main/LICENSE) for more information.

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance53

Moderate activity, may be stable

Popularity25

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 54.8% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~1 days

Total

10

Last Release

326d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/b895f8c44bd74d8ad19241803acb2f5763db593c608314de8ec07700e79796eb?d=identicon)[luissobrinho](/maintainers/luissobrinho)

---

Top Contributors

[![milewski](https://avatars.githubusercontent.com/u/2874967?v=4)](https://github.com/milewski "milewski (17 commits)")[![luissobrinho](https://avatars.githubusercontent.com/u/17295212?v=4)](https://github.com/luissobrinho "luissobrinho (14 commits)")

---

Tags

laraveldashboardchartjsnovanova-dashboard

### Embed Badge

![Health badge](/badges/mlsolutions-chartjs-widget/health.svg)

```
[![Health](https://phpackages.com/badges/mlsolutions-chartjs-widget/health.svg)](https://phpackages.com/packages/mlsolutions-chartjs-widget)
```

###  Alternatives

[digital-creative/nova-dashboard

The missing dashboard for nova.

7169.3k1](/packages/digital-creative-nova-dashboard)[jubeki/nova-card-linkable

A Linkeable Card for the Laravel Nova Dashboard.

19246.1k](/packages/jubeki-nova-card-linkable)[khalin/nova-link-field

A Laravel Nova Link field.

31562.2k2](/packages/khalin-nova-link-field)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)