Google Charts

Home > Google Charts
Not Just Racking

Inserting Google Charts in your pages is extremely easy. Click on the “Google Chart” button from the WordPress editor menu and easily set up the desired settings.

No more ugly codes for you to remember.

3D Pie

Traffic Sources

Get Code

[chart 
align="aligncenter" 
data="41.52,37.79,20.67,0.03" 
bg="65432100" 
labels="Reffering+sites|Search+Engines|Direct+traffic|Other" 
colors="058DC7,50B432,ED561B,EDEF00" 
size="500x200" 
title="Traffic Sources" 
type="pie"]

2D Pie

Traffic Sources

Get Code

[chart 
align="aligncenter" 
data="41.52,37.79,20.67,0.03" 
bg="65432100" 
labels="Reffering+sites|Search+Engines|Direct+traffic|Other" 
colors="058DC7,50B432,ED561B,EDEF00" 
size="488x200" 
title="Traffic Sources" 
type="pie2d"]

Line

Line Chart

Get Code

[chart 
align="aligncenter" 
data="60,35,19.01,5.99" 
labels="2007|2008|2009|2010" 
colors="FF0000,FF0000,FF0000,FF0000" 
bg="65432100" 
size="500x200" 
title="Line Chart" 
type="line"]

XY Line

XY Line Chart

Get Code

[chart 
align="aligncenter" 
data="0,25,30,95,90|2,23,53,20,22|0,30,45,85,90|0,30,20,45,65" 
labels="0|25|50|75|100" 
colors="FF0000,000000" 
bg="65432100" 
size="500x200" 
title="XY Line Chart" 
type="xyline"]

Scatter

Scatter Chart

Get Code

[chart 
align="aligncenter" 
data="0,10,20,30,40,50,60,70,80,90,100|48,54,58,61,68,82,90,81,76,59,43" 
labels="2|4|6|8|10" 
colors="FF0000" 
bg="65432100" 
size="500x200" 
title="Scatter Chart" 
type="scatter"]

Gom

Gom Chart

Get Code

[chart 
align="aligncenter" 
data="60" 
labels="Us" 
colors="058DC7,50B432,ED561B,EDEF00" 
bg="65432100" 
size="500x200" 
title="Gom Chart" 
type="gom"]

Venn

Venn Chart

Get Code

[chart 
align="aligncenter" 
data="100,80,60,30,30,30,10" 
colors="FFFC00,FF6262,63C6DE" 
bg="65432100" 
size="500x200" 
title="Venn Chart" 
advanced="&chdl=X|Y|Z" 
type="venn"]
Google Chart Shortcode

Google Chart Shortcode Settings

^