GoogleCharts

Back

Chart01:

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


Chart02:

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


Chart03:

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


Chart04:

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


Chart05:

<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"/>


Chart06:

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


Chart07:

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


Chart08:

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


Chart09:

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


Chart10:

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


Chart11:

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


Chart12:

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


Chart13:

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


Chart14:

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


Chart15:

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


Chart16:

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


Chart17:

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


Chart18:

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


Chart19:

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


Chart20:

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


Chart21:

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


Chart22:

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


Note: Using

legend="['Mike\'s Mojo', 'Anjo\'s Mojo']"
results in an error:
Application:ERComponentTour
Error:java.lang.IllegalArgumentException: Failed to convert String to array.
Reason:Failed to convert String to array.
Stack trace:
FileLine# Method Package
AjaxUtils.java 395 arrayValueForObject er.ajax
AjaxUtils.java 341 arrayValueForAssociation er.ajax
GCAbstractChart.java 410 appendToResponse er.googlechart.components

Chart23:

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


Chart24:

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


Chart25:

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


Chart26:

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


Chart27:

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


Chart28: XXX - THERE IS A PROBLEM HERE...

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


Chart29:

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


Chart30:

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


Chart31:

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


Chart32:

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


Chart33:

<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" />


Chart34:

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


Chart35:

<wo:GCRadarChart data="[10,20,30,40,50,60,70,80,90]" />