Google Chart

Google Chart

[tabs]
[tab title= »Parameters » icon= »check » icon_color= »#3cabce »]

Parameters

[divider_line]
[list icon= »check » color= »blue »]

  • data the chart data
  • labels the chart labels
  • colors the chart colors
  • bg the chart background
  • size the chart size
  • title the chart title
  • type the chart type
  • advanced the chart advanced option

[/list]
[/tab]
[tab title= »Shortcode Option Panel » icon= »check » icon_color= »#3cabce »]

Shortcode Option Panel

[divider_line]
[image source_type= »attachment_id » source_value= »3243″ caption= »Google Charts Shortcode Options Panel » alt= »Google Charts Shortcode Options Panel » align= »center » icon= »zoom » width= »594″ autoHeight= »true » quality= »100″ lightbox= »true » title= »Google Charts Shortcode Options Panel »]
[/tab]
[/tabs]

3D Pie Chart

[chart data= »70,25,20.01,4.99″ labels= »Reffering+sites|Google|Yahoo|Other » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »3D Pie Chart Title » type= »pie »]

[toggle title= »Get the code »]
[code]
[chart data= »70,25,20.01,4.99″ labels= »Reffering+sites|Google|Yahoo|Other » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »3D Pie Chart Title » type= »pie »]
[/code]
[/toggle]

[divider_top]

Line Chart

[chart data= »70,25,20.01,4.99″ labels= »2010|2011|2012|2013″ colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »Line Chart Title » type= »line »]

[toggle title= »Get the code »]
[code]
[chart data= »70,25,20.01,4.99″ labels= »2010|2011|2012|2013″ colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »Line Chart Title » type= »line »]
[/code]
[/toggle]

[divider_padding]

[chart data= »0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75″ labels= »Begin|25|50|75|End » colors= »058DC7,50B432″ bg= »bg,s,ffffff » size= »630×250″ title= »Line Chart Title 2″ type= »xyline »]

[toggle title= »Get the code »]
[code]
[chart data= »0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75″ labels= »Begin|25|50|75|End » colors= »058DC7,50B432″ bg= »bg,s,ffffff » size= »630×250″ title= »Line Chart Title 2″ type= »xyline »]
[/code]
[/toggle]

[divider_top]

Scatter Chart

[chart
data= »0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43″ labels= »1|2|3|4|5|6|7|8|9|10″ colors= »058DC7″ bg= »bg,s,ffffff » size= »630×250″ title= »Scatter Chart Title » type= »scatter »]

[toggle title= »Get the code »]
[code]
[chart data= »0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43″ labels= »1|2|3|4|5|6|7|8|9|10″ colors= »058DC7″ bg= »bg,s,ffffff » size= »630×250″ title= »Scatter Chart Title » type= »scatter »]
[/code]
[/toggle]

[divider_top]

Pie Chart

[chart data= »70,25,20.01,4.99″ labels= »Reffering+sites|Google|Yahoo|Other » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »Pie Chart Title » type= »pie2d »]

[toggle title= »Get the code »]
[code]
[chart data= »70,25,20.01,4.99″ labels= »Reffering+sites|Google|Yahoo|Other » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,ffffff » size= »630×250″ title= »Pie Chart Title » type= »pie2d »]
[/code]
[/toggle]

[divider_top]

Gom Chart

[chart data= »40″ labels= »Forty » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,F7F9FA » size= »630×250″ title= »Gom Chart Title » type= »gom »]

[toggle title= »Get the code »]
[code]
[chart data= »40″ labels= »Forty » colors= »058DC7,50B432,ED561B,EDEF00″ bg= »bg,s,F7F9FA » size= »630×250″ title= »Gom Chart Title » type= »gom »]
[/code]
[/toggle]

Venn Chart

[chart data= »100,80,60,30,30,30,10″ colors= »FF6342,ADDE63,63C6DE » bg= »bg,s,F7F9FA » size= »630×250″ title= »Venn Chart Title » advanced= »&chdl=A|B|C » type= »venn »]

[toggle title= »Get the code »]
[code]
[chart data= »100,80,60,30,30,30,10″ colors= »FF6342,ADDE63,63C6DE » bg= »bg,s,F7F9FA » size= »630×250″ title= »Venn Chart Title » advanced= »&chdl=A|B|C » type= »venn »]
[/code]
[/toggle]

[divider_top]

Learn more from http://code.google.com/apis/chart/

Leave a Response