Google Chart - Security Design
660
page-template-default,page,page-id-660,page-child,parent-pageid-121,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

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/