Skip to content

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

[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=“488×200″ title=“Traffic Sources“ type=“pie“] [toggle title=“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"]]
[/toggle] [divider type=“space“]

2D Pie

[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=“488×200″ title=“Traffic Sources“ type=“pie2d“] [toggle title=“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"]]
[/toggle] [divider type=“space“]

Line

[chart align=“aligncenter“ data=“60,35,19.01,5.99″ labels=“2007|2008|2009|2010″ colors=“FF0000,FF0000,FF0000,FF0000″ bg=“65432100″ size=“500×200″ title=“Line Chart“ type=“line“] [toggle title=“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"]]
[/toggle] [divider type=“space“]

XY Line

[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=“500×200″ title=“XY Line Chart“ type=“xyline“] [toggle title=“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"]]
[/toggle] [divider type=“space“]

Scatter

[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=“500×200″ title=“Scatter Chart“ type=“scatter“] [toggle title=“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"]]
[/toggle] [divider type=“space“]

Gom

[chart align=“aligncenter“ data=“60″ labels=“Us“ colors=“058DC7,50B432,ED561B,EDEF00″ bg=“65432100″ size=“500×200″ title=“Gom Chart“ type=“gom“] [toggle title=“Get Code“]
[[chart 
align="aligncenter"
data="60"
labels="Us"
colors="058DC7,50B432,ED561B,EDEF00"
bg="65432100"
size="500x200"
title="Gom Chart"
type="gom"]]
[/toggle] [divider type=“space“]

Venn

[chart align=“aligncenter“ data=“100,80,60,30,30,30,10″ colors=“FFFC00,FF6262,63C6DE“ bg=“65432100″ size=“630×250″ title=“Venn Chart“ advanced=“&chdl=X|Y|Z“ type=“venn“] [toggle title=“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"]]
[/toggle] [divider type=“space“]
Google Chart Shortcode
Google Chart Shortcode Settings