2017 © Pedro Peláez
 

yii2-extension yii2-google-chart

A wraper for google chart

image

scotthuangzl/yii2-google-chart

A wraper for google chart

  • Thursday, June 11, 2015
  • by ScottHuangZL
  • Repository
  • 1 Watchers
  • 12 Stars
  • 27,993 Installations
  • PHP
  • 3 Dependents
  • 0 Suggesters
  • 10 Forks
  • 1 Open issues
  • 1 Versions
  • 8 % Grown

The README.md

Google Chart

A wraper for google chart, (*1)

Installation

The preferred way to install this extension is through composer., (*2)

Either run, (*3)

php composer.phar require scotthuangzl/yii2-google-chart "dev-master"

or add, (*4)

"scotthuangzl/yii2-google-chart": "dev-master"

to the require section of your composer.json file., (*5)

Usage

Once the extension is installed, simply use it in your code by : Btw, it may be not work in China in case you cannot access https://www.google.com/jsapi Thanks., (*6)

You also can refer to https://developers.google.com/chart/interactive/docs/quick_start, (*7)


<div class="col-sm-5"> <?php use scotthuangzl\googlechart\GoogleChart; echo GoogleChart::widget(array('visualization' => 'PieChart', 'data' => array( array('Task', 'Hours per Day'), array('Work', 11), array('Eat', 2), array('Commute', 2), array('Watch TV', 2), array('Sleep', 7) ), 'options' => array('title' => 'My Daily Activity'))); echo GoogleChart::widget(array('visualization' => 'LineChart', 'data' => array( array('Task', 'Hours per Day'), array('Work', 11), array('Eat', 2), array('Commute', 2), array('Watch TV', 2), array('Sleep', 7) ), 'options' => array('title' => 'My Daily Activity'))); echo GoogleChart::widget(array('visualization' => 'LineChart', 'data' => array( array('Year', 'Sales', 'Expenses'), array('2004', 1000, 400), array('2005', 1170, 460), array('2006', 660, 1120), array('2007', 1030, 540), ), 'options' => array( 'title' => 'My Company Performance2', 'titleTextStyle' => array('color' => '#FF0000'), 'vAxis' => array( 'title' => 'Scott vAxis', 'gridlines' => array( 'color' => 'transparent' //set grid line transparent )), 'hAxis' => array('title' => 'Scott hAixs'), 'curveType' => 'function', //smooth curve or not 'legend' => array('position' => 'bottom'), ))); echo GoogleChart::widget(array('visualization' => 'ScatterChart', 'data' => array( array('Sales', 'Expenses', 'Quarter'), array(1000, 400, '2015 Q1'), array(1170, 460, '2015 Q2'), array(660, 1120, '2015 Q3'), array(1030, 540, '2015 Q4'), ), 'scriptAfterArrayToDataTable' => "data.setColumnProperty(2, 'role', 'tooltip');", 'options' => array( 'title' => 'Expenses vs Sales', ))); echo GoogleChart::widget( array('visualization' => 'Gauge', 'packages' => 'gauge', 'data' => array( array('Label', 'Value'), array('Memory', 80), array('CPU', 55), array('Network', 68), ), 'options' => array( 'width' => 400, 'height' => 120, 'redFrom' => 90, 'redTo' => 100, 'yellowFrom' => 75, 'yellowTo' => 90, 'minorTicks' => 5 ) )); echo GoogleChart::widget( array('visualization' => 'Map', 'packages'=>'map',//default is corechart 'loadVersion'=>1,//default is 1. As for Calendar, you need change to 1.1 'data' => array( ['Country', 'Population'], ['China', 'China: 1,363,800,000'], ['India', 'India: 1,242,620,000'], ['US', 'US: 317,842,000'], ['Indonesia', 'Indonesia: 247,424,598'], ['Brazil', 'Brazil: 201,032,714'], ['Pakistan', 'Pakistan: 186,134,000'], ['Nigeria', 'Nigeria: 173,615,000'], ['Bangladesh', 'Bangladesh: 152,518,015'], ['Russia', 'Russia: 146,019,512'], ['Japan', 'Japan: 127,120,000'] ), 'options' => array('title' => 'My Daily Activity', 'showTip'=>true, ))); ?> </div>

Sample picture

You also can find the demo result from: http://www.yiiframework.com/extension/yii2-google-chart/, (*8)

The Versions

11/06 2015

dev-master

9999999-dev

A wraper for google chart

  Sources   Download

BSD-3-Clause

The Requires

 

by Scott Huang

extension yii2 widget google chart scott huang hzl