PHPackages                             ajtarragona/charts - 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. [Utility & Helpers](/categories/utility)
4. /
5. ajtarragona/charts

ActiveLibrary[Utility & Helpers](/categories/utility)

ajtarragona/charts
==================

Laravel frontend for ChartsJs Library

v0.0.11(1y ago)0848↓94.1%1MITPHPPHP ^7.1.3|^8.0CI passing

Since Oct 26Pushed 1y ago1 watchersCompare

[ Source](https://github.com/ajtarragona/charts)[ Packagist](https://packagist.org/packages/ajtarragona/charts)[ RSS](/packages/ajtarragona-charts/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (1)Versions (12)Used By (1)

Charts
======

[](#charts)

Frontend package for the Charts generation library [ChartsJs](https://www.chartjs.org/)

[![Latest Stable Version](https://camo.githubusercontent.com/7468d7cfcbe0ba73691867e6f94b4e7f677d60f14a07fb8ea38da961d682d376/687474703a2f2f706f7365722e707567782e6f72672f616a7461727261676f6e612f6368617274732f76)](https://packagist.org/packages/ajtarragona/charts) [![Total Downloads](https://camo.githubusercontent.com/a6e78ef614133ff7fad852d758858d3292c996cd7104083a8afd31ba4e13d2d8/687474703a2f2f706f7365722e707567782e6f72672f616a7461727261676f6e612f6368617274732f646f776e6c6f616473)](https://packagist.org/packages/ajtarragona/charts) [![Latest Unstable Version](https://camo.githubusercontent.com/72d8d14d590c6ee78d4b53ded9067ef6229c82b2447f91cc4cb7a57447452b4a/687474703a2f2f706f7365722e707567782e6f72672f616a7461727261676f6e612f6368617274732f762f756e737461626c65)](https://packagist.org/packages/ajtarragona/charts) [![License](https://camo.githubusercontent.com/023a80c065f565225ff6c6d813fc99dc8d41e81b9c0a6016757c3c898f59e4b3/687474703a2f2f706f7365722e707567782e6f72672f616a7461727261676f6e612f6368617274732f6c6963656e7365)](https://packagist.org/packages/ajtarragona/charts) [![PHP Version Require](https://camo.githubusercontent.com/32de5f8990939616da5cc19b37329c447838cef83c960b3d97946686ba3bdf8e/687474703a2f2f706f7365722e707567782e6f72672f616a7461727261676f6e612f6368617274732f726571756972652f706870)](https://packagist.org/packages/ajtarragona/charts)

Instalació
----------

[](#instalació)

```
composer require ajtarragona/charts:"@dev"
```

> **Important!!** Cada vegada que s'actualitzi el paquet, cal executar aquesta comanda per sobrescriure els assets (js i css)

```
php artisan ajtarragona:charts:assets
```

Configuració
------------

[](#configuració)

Pots publicar l'arxiu de configuració del paquet amb la comanda:

```
php artisan vendor:publish --tag=ajtarragona-charts-config
```

Això copiarà l'arxiu a `config/charts.php`.

Hi podries afegir més Paletes de colors.

#### Incloure els assets a la pantilla HTML

[](#incloure-els-assets-a-la-pantilla-html)

```

	...

    ...

```

#### Incloure a la capçalera el token CSRF i la url base

[](#incloure-a-la-capçalera-el-token-csrf-i-la-url-base)

```

    ...

...
```

#### Inicialitzar els charts

[](#inicialitzar-els-charts)

Podem inicialitzar tots els que hi hagi carregats:

```

	$('.chart-canvas').tgnChart();

```

O bé ho podem fer individualment a partir de l'ID:

```

	$('#demo-chart-1').tgnChart();

```

Ús
--

[](#ús)

Podem crear gràfiques amb el component blade `@chart`des de les nostres vistes.

Tenim dues opcions:

O bé passar una instància de `BaseChart` i un array d'opcions:

```
@chart($chart, $opcions=[])
```

> [Codi font d'exemples](https://github.com/ajtarragona/charts/tree/main/src/Models/Samples)

O bé fer un chart dinàmic. Passant un string amb tipus de gràfica, els datasets i un array d'opcions:

```
@chart($tipus, $datasets, $opcions=[])
```

> [Codi font d'exemples](https://github.com/ajtarragona/charts/tree/main/src/resources/views/samples)

---

> Des de la teva aplicació, es pot accedir a una **DEMO** amb la ruta `ajtarragona/charts/samples`
>
> Podem deshabilitar la DEMO definint la variable `CHART_SAMPLES = false` a l'arxiu `.env` de l'aplicació (recomanable fer-ho en producció)

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance42

Moderate activity, may be stable

Popularity14

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~86 days

Recently: every ~204 days

Total

11

Last Release

482d ago

PHP version history (2 changes)v0.0.1PHP >=7.0.0

v0.0.11PHP ^7.1.3|^8.0

### Community

Maintainers

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

---

Top Contributors

[![ajtarragona](https://avatars.githubusercontent.com/u/45968689?v=4)](https://github.com/ajtarragona "ajtarragona (29 commits)")

---

Tags

laravelchartslaravel6chartsjs

### Embed Badge

![Health badge](/badges/ajtarragona-charts/health.svg)

```
[![Health](https://phpackages.com/badges/ajtarragona-charts/health.svg)](https://phpackages.com/packages/ajtarragona-charts)
```

###  Alternatives

[grumpydictator/firefly-iii

Firefly III: a personal finances manager.

23.9k69.5k](/packages/grumpydictator-firefly-iii)[firefly-iii/data-importer

Firefly III Data Import Tool.

8035.8k](/packages/firefly-iii-data-importer)[markwalet/nova-modal-response

A Laravel Nova asset for Modal responses on an action.

17878.9k](/packages/markwalet-nova-modal-response)[ronasit/laravel-helpers

Provided helpers function and some helper class.

2085.6k31](/packages/ronasit-laravel-helpers)[team-nifty-gmbh/tall-datatables

Server-side rendered datatables for Laravel and Livewire

1320.9k4](/packages/team-nifty-gmbh-tall-datatables)[tomshaw/electricgrid

A feature-rich Livewire package designed for projects that require dynamic, interactive data tables.

119.4k](/packages/tomshaw-electricgrid)

PHPackages © 2026

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