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=”image”]
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=”image”]
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=”image”]
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=”image”]
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=”image”]
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=”image”]
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=”image”]
