{"id":660,"date":"2010-11-09T22:28:26","date_gmt":"2010-11-09T22:28:26","guid":{"rendered":"https:\/\/thethemebuilders.review\/"},"modified":"2010-11-09T22:28:26","modified_gmt":"2010-11-09T22:28:26","slug":"google-chart","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/smalldemo\/shortcodes\/google-chart","title":{"rendered":"Google Chart"},"content":{"rendered":"<h2>Google Chart <\/h2>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>data<\/strong> the chart data<\/li>\n<li><strong>labels<\/strong> the chart labels<\/li>\n<li><strong>colors<\/strong> the chart colors<\/li>\n<li><strong>bg<\/strong> the chart background<\/li>\n<li><strong>size<\/strong> the chart size<\/li>\n<li><strong>title<\/strong> the chart title<\/li>\n<li><strong>type<\/strong> the chart type<\/li>\n<li><strong>advanced<\/strong> the chart advanced option<\/li>\n<\/ul><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_786\" class=\"image_styled aligncenter\" style=\"width:596px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"Google Charts Shortcode Options Panel\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-google-charts.jpg\"><img decoding=\"async\" class=\"image-frame\" alt=\"Google Charts Shortcode Options Panel\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-google-charts.jpg\" data-theme-retina-image=\"false\"  data-thumbnail=\"3243\" data-thumbnail-class=\"IjMyNDMi\" width=\"596\" height=\"863\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">Google Charts Shortcode Options Panel<\/span><\/figure><\/div><\/div><\/div>\n<h2>3D Pie Chart<\/h2>\n[chart data=&#8221;70,25,20.01,4.99&#8243; labels=&#8221;Reffering+sites|Google|Yahoo|Other&#8221; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;3D Pie Chart Title&#8221; type=&#8221;pie&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;chart data=\"70,25,20.01,4.99\" labels=\"Reffering+sites|Google|Yahoo|Other\" colors=\"058DC7,50B432,ED561B,EDEF00\" bg=\"bg,s,ffffff\" size=\"630x250\" title=\"3D Pie Chart Title\" type=\"pie\"&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Line Chart<\/h2>\n[chart data=&#8221;70,25,20.01,4.99&#8243; labels=&#8221;2010|2011|2012|2013&#8243; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Line Chart Title&#8221; type=&#8221;line&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;chart data=\"70,25,20.01,4.99\" labels=\"2010|2011|2012|2013\" colors=\"058DC7,50B432,ED561B,EDEF00\" bg=\"bg,s,ffffff\" size=\"630x250\" title=\"Line Chart Title\" type=\"line\"&#93;<\/code><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n[chart data=&#8221;0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75&#8243; labels=&#8221;Begin|25|50|75|End&#8221; colors=&#8221;058DC7,50B432&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Line Chart Title 2&#8243; type=&#8221;xyline&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;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=\"630x250\" title=\"Line Chart Title 2\" type=\"xyline\"&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Scatter Chart<\/h2>\n[chart<br \/>\ndata=&#8221;0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43&#8243; labels=&#8221;1|2|3|4|5|6|7|8|9|10&#8243; colors=&#8221;058DC7&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Scatter Chart Title&#8221; type=&#8221;scatter&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;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=\"630x250\" title=\"Scatter Chart Title\" type=\"scatter\"&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Pie Chart<\/h2>\n[chart data=&#8221;70,25,20.01,4.99&#8243; labels=&#8221;Reffering+sites|Google|Yahoo|Other&#8221; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Pie Chart Title&#8221; type=&#8221;pie2d&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;chart data=\"70,25,20.01,4.99\" labels=\"Reffering+sites|Google|Yahoo|Other\" colors=\"058DC7,50B432,ED561B,EDEF00\" bg=\"bg,s,ffffff\" size=\"630x250\" title=\"Pie Chart Title\" type=\"pie2d\"&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Gom Chart<\/h2>\n[chart data=&#8221;40&#8243; labels=&#8221;Forty&#8221; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,F7F9FA&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Gom Chart Title&#8221; type=&#8221;gom&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;chart data=\"40\" labels=\"Forty\" colors=\"058DC7,50B432,ED561B,EDEF00\" bg=\"bg,s,F7F9FA\" size=\"630x250\" title=\"Gom Chart Title\" type=\"gom\"&#93;<\/code><\/div><\/div>\n<h2>Venn Chart<\/h2>\n[chart data=&#8221;100,80,60,30,30,30,10&#8243; colors=&#8221;FF6342,ADDE63,63C6DE&#8221; bg=&#8221;bg,s,F7F9FA&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Venn Chart Title&#8221; advanced=&#8221;&#038;chdl=A|B|C&#8221; type=&#8221;venn&#8221;]\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;chart data=\"100,80,60,30,30,30,10\" colors=\"FF6342,ADDE63,63C6DE\" bg=\"bg,s,F7F9FA\" size=\"630x250\" title=\"Venn Chart Title\" advanced=\"&amp;chdl=A|B|C\" type=\"venn\"&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<p>Learn more from <a href=\"code.google.com\/apis\/chart\/\">http:\/\/code.google.com\/apis\/chart\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Chart 3D Pie Chart [chart data=&#8221;70,25,20.01,4.99&#8243; labels=&#8221;Reffering+sites|Google|Yahoo|Other&#8221; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;3D Pie Chart Title&#8221; type=&#8221;pie&#8221;] Line Chart [chart data=&#8221;70,25,20.01,4.99&#8243; labels=&#8221;2010|2011|2012|2013&#8243; colors=&#8221;058DC7,50B432,ED561B,EDEF00&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Line Chart Title&#8221; type=&#8221;line&#8221;] [chart data=&#8221;0,25,50,75,100|2,33,43,17,25|0,25,50,75,100|0,20,25,40,75&#8243; labels=&#8221;Begin|25|50|75|End&#8221; colors=&#8221;058DC7,50B432&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Line Chart Title 2&#8243; type=&#8221;xyline&#8221;] Scatter Chart [chart data=&#8221;0,10,20,30,40,50,60,70,80,90,100|50,52,56,63,70,80,92,85,75,60,43&#8243; labels=&#8221;1|2|3|4|5|6|7|8|9|10&#8243; colors=&#8221;058DC7&#8243; bg=&#8221;bg,s,ffffff&#8221; size=&#8221;630&#215;250&#8243; title=&#8221;Scatter Chart Title&#8221; type=&#8221;scatter&#8221;] Pie Chart [chart data=&#8221;70,25,20.01,4.99&#8243; &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":121,"menu_order":80,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/comments?post=660"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/660\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/121"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/media?parent=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}