PHPackages                             bsadnu/yii2-googlecharts - 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. bsadnu/yii2-googlecharts

ActiveYii2-extension

bsadnu/yii2-googlecharts
========================

Google Charts Extension for Yii 2 framework

v1.2.0(8y ago)742.0k↓38.8%3[1 issues](https://github.com/bsadnu/yii2-googlecharts/issues)BSD-2-ClausePHP

Since Jul 14Pushed 6y ago1 watchersCompare

[ Source](https://github.com/bsadnu/yii2-googlecharts)[ Packagist](https://packagist.org/packages/bsadnu/yii2-googlecharts)[ RSS](/packages/bsadnu-yii2-googlecharts/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (3)Dependencies (1)Versions (4)Used By (0)

Google Charts Extension for Yii 2
=================================

[](#google-charts-extension-for-yii-2)

[![Latest Stable Version](https://camo.githubusercontent.com/f33c47811e3b22438c0573bd1971750c7e5f85935d573c8146e311db61111c72/68747470733a2f2f706f7365722e707567782e6f72672f627361646e752f796969322d676f6f676c656368617274732f762f737461626c65)](https://packagist.org/packages/bsadnu/yii2-googlecharts) [![Total Downloads](https://camo.githubusercontent.com/15d353eb3e593429836ddfb84904faac300dbfc2b8b67ff9a0a405fd15eeefd8/68747470733a2f2f706f7365722e707567782e6f72672f627361646e752f796969322d676f6f676c656368617274732f646f776e6c6f616473)](https://packagist.org/packages/bsadnu/yii2-googlecharts) [![Latest Unstable Version](https://camo.githubusercontent.com/13a106752eaa1c1a82198ca4e95a8777c3000f48690fe1e54904ef1651d27423/68747470733a2f2f706f7365722e707567782e6f72672f627361646e752f796969322d676f6f676c656368617274732f762f756e737461626c65)](https://packagist.org/packages/bsadnu/yii2-googlecharts) [![License](https://camo.githubusercontent.com/cd58e0309e520275b13f01ab99720e173a7feeee172a342ddca873cdb022c9b1/68747470733a2f2f706f7365722e707567782e6f72672f627361646e752f796969322d676f6f676c656368617274732f6c6963656e7365)](https://packagist.org/packages/bsadnu/yii2-googlecharts)

This extension contains a set of chart widgets based on [Google Charts API](https://developers.google.com/chart/).

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
php composer.phar require --prefer-dist bsadnu/yii2-googlecharts "*"

```

or add

```
"bsadnu/yii2-googlecharts": "*"
```

to the require section of your composer.json.

Usage
-----

[](#usage)

To use any of these widgets, simply add the following code in your view.

### Column Chart Example

[](#column-chart-example)

```
...
use bsadnu\googlecharts\ColumnChart;
...
```

1. Simple Column Chart

[![demo](https://camo.githubusercontent.com/2e38025191239cf994af25f6b73132df2bf08278870f6cab728b323cbece77a9/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e436861727453696d706c652e706e67)](https://camo.githubusercontent.com/2e38025191239cf994af25f6b73132df2bf08278870f6cab728b323cbece77a9/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e436861727453696d706c652e706e67)

```

```

2. Stacked Column Chart

[![demo](https://camo.githubusercontent.com/c56cf7a68d46bb1c7d259d32458d5636511262732ed8564cb77847b45a31b6c1/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e4368617274537461636b65642e706e67)](https://camo.githubusercontent.com/c56cf7a68d46bb1c7d259d32458d5636511262732ed8564cb77847b45a31b6c1/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e4368617274537461636b65642e706e67)

```

```

3. Trendlines Column Chart

[![demo](https://camo.githubusercontent.com/9352dea29bc041cefa717f3a1b277c253179da1115a72ecb613e06896cdb6a05/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e43686172745472656e646c696e65732e706e67)](https://camo.githubusercontent.com/9352dea29bc041cefa717f3a1b277c253179da1115a72ecb613e06896cdb6a05/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e43686172745472656e646c696e65732e706e67)

```

```

4. Diff Column Chart

[![demo](https://camo.githubusercontent.com/12a5c6b6016d0e6301f7e09f3b7464ee3b0796f50175da5a2e504889a118c70f/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e4368617274446966662e706e67)](https://camo.githubusercontent.com/12a5c6b6016d0e6301f7e09f3b7464ee3b0796f50175da5a2e504889a118c70f/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6c756d6e4368617274446966662e706e67)

```

```

### Bar Chart Example

[](#bar-chart-example)

```
...
use bsadnu\googlecharts\BarChart;
...
```

1. Simple Bar Chart

[![demo](https://camo.githubusercontent.com/bc8ad69b18c7be239db2987675b2c98476dbf5acb0bd820918f1dcdbca0a640d/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f42617243686172742e706e67)](https://camo.githubusercontent.com/bc8ad69b18c7be239db2987675b2c98476dbf5acb0bd820918f1dcdbca0a640d/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f42617243686172742e706e67)

```

```

2. Stacked Bar Chart

[![demo](https://camo.githubusercontent.com/53d9f42110d14bd89a58bfbcb8a5903f08967bb5cacc04c6860f12194cbecbff/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4261724368617274537461636b65642e706e67)](https://camo.githubusercontent.com/53d9f42110d14bd89a58bfbcb8a5903f08967bb5cacc04c6860f12194cbecbff/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4261724368617274537461636b65642e706e67)

```

```

### Histogram Example

[](#histogram-example)

```
...
use bsadnu\googlecharts\Histogram;
...
```

[![demo](https://camo.githubusercontent.com/6a8525adbe4ecd84eef48fe3edfb80e0f4abe71672497a39d3ee118cb5df34f9/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f486973746f6772616d2e706e67)](https://camo.githubusercontent.com/6a8525adbe4ecd84eef48fe3edfb80e0f4abe71672497a39d3ee118cb5df34f9/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f486973746f6772616d2e706e67)

```

```

### Combo Chart Example

[](#combo-chart-example)

```
...
use bsadnu\googlecharts\ComboChart;
...
```

[![demo](https://camo.githubusercontent.com/345d3605e930a5f9c2aaf3c28d24460a4c135df4bea191319cd4e8602a807b3a/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6d626f43686172742e706e67)](https://camo.githubusercontent.com/345d3605e930a5f9c2aaf3c28d24460a4c135df4bea191319cd4e8602a807b3a/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f436f6d626f43686172742e706e67)

```

```

### Line Chart Example

[](#line-chart-example)

```
...
use bsadnu\googlecharts\LineChart;
...
```

1. Simple Line Chart

[![demo](https://camo.githubusercontent.com/8c776bc29f7f344d144edaf09687d083847481d688489756a8b313e950c497cf/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4c696e65436861727453696d706c652e706e67)](https://camo.githubusercontent.com/8c776bc29f7f344d144edaf09687d083847481d688489756a8b313e950c497cf/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4c696e65436861727453696d706c652e706e67)

```

```

2. Line Intervals Chart

[![demo](https://camo.githubusercontent.com/6aadf0d153c7c711f28582a212ef9efe76188c31efb2bceff0ddc19322a6a899/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4c696e654368617274496e74657276616c732e706e67)](https://camo.githubusercontent.com/6aadf0d153c7c711f28582a212ef9efe76188c31efb2bceff0ddc19322a6a899/687474703a2f2f696d672e7362616e6e696b6f762e696e666f2f4c696e654368617274496e74657276616c732e706e67)

```