Package er.googlechart

The GoogleChart framework provides WO wrappers around Google's charting API.

See:
Description

Class Summary

GCGoogleChart

Package er.googlechart Description

The GoogleChart framework provides WO wrappers around Google's charting API. The WO Component API was inspired by the Ruby Googlecharts library (http://googlecharts.rubyforge.org/). GoogleChart framework depends on Ajax framework for decoding array variables, so you must include Ajax framework in your application, though you don't need to actually be an Ajax application.

The examples are taken nearly directly from the Ruby library examples page (see http://googlecharts.rubyforge.org/), and the framework supports the definition of data both with bindings to NSArrays of data as well as inline-String definitions of data using JSON syntax. Also, their examples page looks a lot nicer :)

<wo:GCLineChart data="$someArrayOfData" colors="FF0000,00FF00"/>

<wo:GCLineChart data="$someArrayOfData" colors="$someArrayOfColors"/>

<wo:GCLineChart data="[0, 40, 10, 70, 20]" colors="FF0000,00FF00"/>

<wo:GCLineChart data="[[0, 40, 10, 70, 20],[41, 10, 80, 50]]" colors="FF0000,00FF00"/>

<wo:GCSparkline size="120x40" data="[27,25,25,25,25,27,100,31,25,36,25,25,39,25,31,25,25,25,26,26,25,25,28,25,25,100,28,27,31,25,27,27,29,25,27,26,26,25,26,26,35,33,34,25,26,25,36,25,26,37,33,33,37,37,39,25,25,25,25]" colors="0077CC"/>

<wo:GCBarChart data="[300, 100, 30, 200]" />

<wo:GCBarChart data="[300, 100, 30, 200]" orientation="horizontal"/>

<wo:GCBarChart data="[[300, 100, 30, 200], [100, 200, 300, 10]]" colors="['FF0000', '00FF00']"/>

<wo:GCBarChart data="[[300, 100, 30, 200], [100, 200, 300, 10]]" colors="['FF0000', '00FF00']" stacked="$false"/>

<wo:GCPieChart data="[20, 35, 45]"/>

<wo:GCPie3DChart data="[20, 35, 45]"/>

<wo:GCVennDiagram data="[100, 80, 60, 30, 30, 30, 10]"/>

<wo:GCScatterPlot data="[[1, 2, 3, 4, 5], [1, 2, 3, 4 ,5], [5, 4, 3, 2, 1]]"/>

<wo:GCMeter data="[70]" label="Flavor"/>

<wo:GCBarChart title="Recent Chart Sexyness" data="[15, 30, 10, 20, 100, 20, 40, 100]"/>

<wo:GCBarChart title="Recent Chart Sexyness" titleSize="20" data="[15, 30, 10, 20, 100, 20, 40, 100]"/>

<wo:GCBarChart title="Recent Chart Sexyness" titleColor="FF0000" data="[15, 30, 10, 20, 100, 20, 40, 100]"/>

<wo:GCBarChart title="Recent Chart Sexyness" size="600x400" data="[15, 30, 10, 20, 100, 20, 40, 100]"/>

<wo:GCBarChart title="Mike's Mojo" data="[15, 30, 10, 20, 100, 20, 40, 100, 90, 100, 80]" background="FF9994"/>

<wo:GCBarChart title="Mike's Mojo" data="[15, 30, 10, 20, 100, 20, 40, 100, 90, 100, 80]" background="FF9994" chartBackground="000000"/>

<wo:GCBarChart title="Mike's Mojo" data="[15, 30, 10, 20, 100, 20, 40, 100, 90, 100, 80]" colors="76A4FB" background="EEEEEE" chartBackground="CCCCCC"/>

<wo:GCLineChart title="Mike's Mojo" data="[15, 30, 10, 20, 100, 20, 40, 100, 90, 100, 80]" colors="76A4FB"/>

<wo:GCBarChart title="Mike vs Anjo" data="[[300, 100, 30, 200], [100, 200, 300, 10]]" colors="FF0000,00FF00" stacked="$false" size="400x300" legend="['Mike\'s Mojo', 'Anjo\'s Mojo']"/>

<wo:GCLineChart title="Mike vs Anjo" data="[[300, 100, 30, 200], [100, 200, 300, 10]]" colors="FF0000,00FF00" stacked="$false" size="400x300" legend="['Mike\'s Mojo', 'Anjo\'s Mojo']"/>

<wo:GCPie3DChart title="wo_fu" size="400x200" data="[10, 45, 45]" labels="Chuck,Anjo,Mike"/>

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]" labeledAxes="x,y,r" / >

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]" labeledAxes="x" axisLabels="[['Jan','July','Jan','July','Jan']]" / >

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]" labeledAxes="x,r" axisLabels="[['Jan','July','Jan','July','Jan'], ['2005','2006','2007']]" />

<wo:GCLineChart custom="chd=s:93zyvneTTOMJMLIJFHEAECFJGHDBFCFIERcgnpy45879,IJKNUWUWYdnswz047977315533zy1246872tnkgcaZQONHCECAAAAEII&chls=3,6,3|1,1,0"/ >

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]"/>

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]" maxValue="500"/>

<wo:GCLineChart data="[300, 100, 30, 200, 100, 200, 300, 10]" maxValue="$false"/>

<wo:GCMap width="440" height="220" area="usa" colors="f5f5f5,edf0d4,6c9642,13390a" backgroundStyle="solid" background="eaf7fe" data="s:fSGBDQBQBBAGABCBDAKLCDGFCLBBEBBEPASDKJBDD9BHHEAACAC" regions="NY,PA,TN,WV,NV,NJ,NH,VA,HI,VT,NM,NC,ND,NE,LA,SD,DC,DE,FL,WA,KS,WI,OR,KY,ME,OH,IA,ID,CT,WY,UT,IN,IL,AK,TX,CO,MD,MA,AL,MO,MN,CA,OK,MI,GA,AZ,MT,MS,SC,RI,AR"/>

<wo:GCQRCode size="150x150" text="Hello world" encoding="UTF-8"/>