, (*1)
Renders a ChartJs plugin widget, (*2)
Installation
The preferred way to install this extension is through composer. This requires the
composer-asset-plugin, which is also a dependency for yii2 – so if you have yii2 installed, you are most likely already
set., (*3)
Either run, (*4)
composer require 2amigos/yii2-chartjs-widget:~2.0
or add, (*5)
"2amigos/yii2-chartjs-widget" : "~2.0"
to the require section of your application's composer.json
file., (*6)
Usage
The following types are supported:, (*7)
- Line
- Bar
- Radar
- Polar
- Pie
- Doughnut
The following example is using the Line
type of chart. Please, check ChartJs plugin
documentation for the different types supported by the plugin., (*8)
use dosamigos\chartjs\ChartJs;
= ChartJs::widget([
'type' => 'Line',
'options' => [
'height' => 400,
'width' => 400
],
'data' => [
'labels' => ["January", "February", "March", "April", "May", "June", "July"],
'datasets' => [
[
'fillColor' => "rgba(220,220,220,0.5)",
'strokeColor' => "rgba(220,220,220,1)",
'pointColor' => "rgba(220,220,220,1)",
'pointStrokeColor' => "#fff",
'data' => [65, 59, 90, 81, 56, 55, 40]
],
[
'fillColor' => "rgba(151,187,205,0.5)",
'strokeColor' => "rgba(151,187,205,1)",
'pointColor' => "rgba(151,187,205,1)",
'pointStrokeColor' => "#fff",
'data' => [28, 48, 40, 19, 96, 27, 100]
]
]
]
]);
?>
ChartJs has lots of configuration options. For further information, please check the
ChartJs plugin website., (*9)
Contributing
Please see CONTRIBUTING for details., (*10)
Credits
License
The BSD License (BSD). Please see License File for more information., (*11)
Web development has never been so fun!
www.2amigos.us, (*12)