ChartJs Widget

Renders a ChartJs plugin widget

Installation

Run

composer require piotrmus/yii2-chartjs2-widget:~1.0

or add

"piotrmus/yii2-chartjs2-widget" : "~1.0"

to the require section of your application's composer.json file.

Usage

use piotrmus\chartjs\ChartJs2;

<?= ChartJs2::widget([
    'type' => 'bar',
    'data' => [
        'labels' => ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        'datasets' => [
            [
                'label' => '# of Votes',
                'data' => [12, 19, 3, 5, 2, 3],
                'backgroundColor' => [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                'borderColor' => [
                    'rgba(255,99,132,1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                'borderWidth' => 1,
            ]
        ]
    ],
    'options' => [
        'id' => 'test',
        'width' => 100,
        'height' => 50
    ],
    'chartOptions' => [
        'scales' => [
            'yAxes' => [
                [
                    'ticks' => [
                        'beginAtZero' => true
                    ]
                ]]
        ]
    ],
]) ?>

Donations

Bitcoins: 1FvJK24Lgv8tsctzdgCyTQgVA5LFs1y2dw