Download the PHP package saad-tazi/g-chart-bundle without Composer

What is it?

This is a super simple Bundle that facilitates the usage of Google Chart Tool, Google Chart Image API and Google Infographics.

It allows to render:

• QRCode
• Pie Chart (3 ways: canvas or svg, simple image from url, simple 3d image from url)
• Column Chart
• Bar Chart
• Area Chart
• scatter Chart
• Combo Chart
• Table
• Gauge
• Candlestick Chart
• Map tree
• Dynamic Icons

Added (special recommendations are below):

• Calendar
• Bubble Chart
• Donut Chart (you don't really need it as you can do it with Pie Chart and configuration but it is a shortcut)
• Gantt (beware gantt are betas)
• Geo Chart
• Histogram
• Interval
• Map
• Org Chart
• Sankey
• Stepped Area Chart
• Timeline
• Trendline
• Waterfall
• Word Tree

Make sure you read the Chart Image terms and Chart tool terms before using that bundle.

It also contains some Twig extension that facilitates the integration.

Versions

You should use a different version of this bundle depending on your symfony version:

Demo

http://blog.fruitsoftware.com/a-propos/demo-gchartbundle/

How to install it?

Thanks to AaronDDM, you can use composer to install the bundle.

Or you can use the following method:

1. Add this bundle to your vendor/ dir:

   • Using the vendors script.

     Add the following lines in your deps file:

     [SaadTaziGChartBundle]
         git=git://github.com/saadtazi/SaadTaziGChartBundle.git
         target=/bundles/SaadTazi/GChartBundle

     Run the vendors script:

     ./bin/vendors install

   • Using git submodules.

     $ git submodule add git://github.com/saadtazi/SaadTaziGChartBundle.git vendor/bundles/SaadTazi/GChartBundle

2. Add the SaadTazi namespace to your autoloader:

3. Add this bundle to your application's kernel:

Demo pages

This is optional: If you want to see the demo page, add the following to your routing.yml:

You should have templating installed (php ../composer.phar require templating) and should have activated it in `config/packages/framework.yml:

Then you should be able to go to http://your.site.com/gchart/demo

Don't forget to include the required javascript in your layout, for example:

How to use it?

Mmm, please check the Controller\DemoController to see how to build DataTable, and Resources\views\Demo\demo.html.twig

Notes

I implemented almost all the corechart chart types from the Google Chart Tool. But I only implemented 3 Google Chart Image types, because (they are ugly and) almost all of them can be built using the Google Chart Tool. From the Visualization, I only implemented the marker.

Ohh, please feel free to fork, add to it and send me pull requests!

Note: You don't have to use the Twig functions: you can use the php classes (in DataTable and or in Chart). But you will probably find it a little bit "painful".

Using the added charts

Calendar, Interval and gantt (charts needing dates as datas) :

These are special charts see https://developers.google.com/chart/interactive/docs/gallery/calendar#a-simple-example

These charts needs javascript Date Objects in first column.

As the Js Date Object need to be written (in json) like :

I encountered issues with PHP and Json_encode. To avoid this you had to make your datas like this :

It gives the following json (don't get scared by the '"new Date[[[' and ']]]"', they are substituded when needed in the twig) :

You can had a Tooltip to your datas by using this code :

Support for events

You can define your own callback functions and associate it to the corresponding chart event like this:

Have fun with those mods ;-)

Mods

2012-03-20

• added composer support (thanks to AaronDDM)

2011-10-23

• removed jQuery dependency (and div output - needs to be done "manually" now... Provides more control)

2011-09-22

• zero value bug fix

2011-09-06

• Added DataTable::toStrictArray() that checks array keys (ticket #1)

2011-06-23

• Initial commit