PHPackages                             ereminmdev/yii2-chartjs - 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. ereminmdev/yii2-chartjs

ActiveYii2-extension[Utility & Helpers](/categories/utility)

ereminmdev/yii2-chartjs
=======================

Yii2 widget for Chart.js library.

1.0.9(1y ago)0130MITPHPPHP >=7.4

Since Apr 18Pushed 1y ago1 watchersCompare

[ Source](https://github.com/ereminmdev/yii2-chartjs)[ Packagist](https://packagist.org/packages/ereminmdev/yii2-chartjs)[ Docs](https://github.com/ereminmdev/yii2-chartjs)[ RSS](/packages/ereminmdev-yii2-chartjs/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (4)Versions (11)Used By (0)

yii2-chartjs
============

[](#yii2-chartjs)

Yii2 widget for Chart.js library:

Install
-------

[](#install)

`composer require --prefer-dist ereminmdev/yii2-chartjs`

Documentation
-------------

[](#documentation)

Use
---

[](#use)

### Insert widget into view:

[](#insert-widget-into-view)

```

```

### Display labels on data for any type of charts:

[](#display-labels-on-data-for-any-type-of-charts)

```
ChartJsDataLabelsAsset::register($view);
$view->registerJs('Chart.register(ChartDataLabels);');

```

### Use patterns:

[](#use-patterns)

```
ChartJsPatternomalyAsset::register($this);

'data' => [
    'datasets' => [
            [
                'label' => '...',
                'data' => [...],
                'backgroundColor' => [new JsExpression("pattern.draw('diagonal-right-left', '#0b5ba5')")],
            ],

```

### Sample default settings:

[](#sample-default-settings)

```
Chart.defaults.plugins.datalabels.display = false;
Chart.defaults.font.family = 'Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif';
Chart.defaults.font.size = 11;
Chart.defaults.layout.padding = 0;
Chart.defaults.plugins.legend.align = 'start';
Chart.defaults.plugins.legend.labels.boxWidth = 12;

```

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance39

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity51

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 ~68 days

Recently: every ~9 days

Total

10

Last Release

515d ago

PHP version history (2 changes)1.0.0PHP >=7.0

1.0.4PHP >=7.4

### Community

Maintainers

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

---

Top Contributors

[![ereminmdev](https://avatars.githubusercontent.com/u/10267331?v=4)](https://github.com/ereminmdev "ereminmdev (10 commits)")

---

Tags

javascriptyii2widgetchartjs

### Embed Badge

![Health badge](/badges/ereminmdev-yii2-chartjs/health.svg)

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

###  Alternatives

[richardfan1126/yii2-js-register

Yii2 widget to register JS into view

1357.2k7](/packages/richardfan1126-yii2-js-register)[softark/yii2-dual-listbox

Bootstrap Dual Listbox Widget for Yii 2

20144.4k11](/packages/softark-yii2-dual-listbox)

PHPackages © 2026

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