Programmer Notes

instal widget chartjs yii 2.0

Instal widget

Ada dua cara menginstal widget chartjs melalui composer. Cara pertama yaitu menjalankan perintah berikut:

1
composer require 2amigos/yii2-chartjs-widget:~2.0

Cara kedua, yaitu menambahkan perintah di bawah ini pada bagian require di file composer.json pada aplikasi. Kemudian melakukan update composer.

composer.json
1
2
3
4
5
6
7
...
"require": {
...
"2amigos/yii2-chartjs-widget": "~2.0",
...
},
...

Menampilkan di view

Blok kode di bawah ini adalah contoh untuk menampilkan bar chart pada view file index.php menggunakan data dummy.

index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
use dosamigos\chartjs\ChartJs;

<?= ChartJs::widget([
'type' => 'bar',
'options' => [
'height' => 400,
'width' => 400
],
'data' => [
'labels' => ["January", "February", "March", "April", "May", "June", "July"],
'datasets' => [
[
'label' => "My First dataset",
'backgroundColor' => "#ff6384",
'borderColor' => "rgba(179,181,198,1)",
'pointBackgroundColor' => "rgba(179,181,198,1)",
'pointBorderColor' => "#fff",
'pointHoverBackgroundColor' => "#fff",
'pointHoverBorderColor' => "rgba(179,181,198,1)",
'data' => [65, 59, 90, 81, 56, 55, 40]
]
]
]
]);
?>

Tipe chart

Ada beberapa tipe chart yang bisa digunakan, yaitu Line, Bar, Radar, Polar, Pie, Doughnut, Bubble, Scatter, Area dan Mixed.