{"id":18460,"date":"2014-05-30T10:23:12","date_gmt":"2014-05-30T10:23:12","guid":{"rendered":"http:\/\/demo.select-themes.com\/stockholm1\/?page_id=18460"},"modified":"2014-05-30T10:23:12","modified_gmt":"2014-05-30T10:23:12","slug":"doughnut-pie-charts","status":"publish","type":"page","link":"http:\/\/www.plank.be\/index.php\/doughnut-pie-charts\/","title":{"rendered":"Doughnut Pie Charts"},"content":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; type=&#8221;grid&#8221; icon_pack=&#8221;font_awesome&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;105&#8243; padding_bottom=&#8221;85&#8243; content_menu_fe_icon=&#8221;arrow_back&#8221; background_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie1981' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie1981 = [{value: 15,color:'#e6ae48'},{value: 35,color:'#f5b94d'},{value: 50,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie1981').getContext('2d')).Doughnut(pie1981,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie1981').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie1981').getContext('2d')).Doughnut(pie1981,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;60&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5 style=\"text-align: left;\">CREATIVE IDEAS<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie8687' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie8687 = [{value: 30,color:'#e6ae48'},{value: 42,color:'#f5b94d'},{value: 28,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie8687').getContext('2d')).Doughnut(pie8687,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie8687').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie8687').getContext('2d')).Doughnut(pie8687,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;60&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5 style=\"text-align: left;\">PROJECTS<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie4272' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie4272 = [{value: 40,color:'#e6ae48'},{value: 45,color:'#f5b94d'},{value: 15,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie4272').getContext('2d')).Doughnut(pie4272,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie4272').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie4272').getContext('2d')).Doughnut(pie4272,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;60&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5 style=\"text-align: left;\">CUSTOMER SUPPORT<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; icon_pack=&#8221;font_awesome&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;105&#8243; padding_bottom=&#8221;85&#8243; content_menu_fe_icon=&#8221;arrow_back&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221;][vc_column_inner width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie1614' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie1614 = [{value: 15,color:'#e6ae48'},{value: 35,color:'#f5b94d'},{value: 50,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie1614').getContext('2d')).Doughnut(pie1614,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie1614').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie1614').getContext('2d')).Doughnut(pie1614,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;55&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5>CREATIVE IDEAS<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie5327' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie5327 = [{value: 30,color:'#e6ae48'},{value: 42,color:'#f5b94d'},{value: 28,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie5327').getContext('2d')).Doughnut(pie5327,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie5327').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie5327').getContext('2d')).Doughnut(pie5327,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;55&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5>PROJECTS<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie3331' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e6ae48;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #f5b94d;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #fdc050;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie3331 = [{value: 40,color:'#e6ae48'},{value: 45,color:'#f5b94d'},{value: 15,color:'#fdc050'}];\n\t\tvar $j = jQuery.noConflict();\n\t\t$j(document).ready(function() {\n\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\tnew Chart(document.getElementById('pie3331').getContext('2d')).Doughnut(pie3331,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie3331').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie3331').getContext('2d')).Doughnut(pie3331,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;55&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h5>CUSTOMER SUPPORT<\/h5>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">Ut wisi enim ad minim veniam,<\/p>\n<p style=\"text-align: left;\">quis nos trud exerci tation ullamcorper.<\/p>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; type=&#8221;grid&#8221; icon_pack=&#8221;font_awesome&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;105&#8243; padding_bottom=&#8221;85&#8243; content_menu_fe_icon=&#8221;arrow_back&#8221; background_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;60&#8243; down=&#8221;0&#8243;][vc_column_text] CREATIVE IDEAS [\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][vc_column_text] Ut wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper. [\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221; up=&#8221;20&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; icon_pack=&#8221;font_awesome&#8221;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full_width.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"_links":{"self":[{"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/pages\/18460"}],"collection":[{"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/comments?post=18460"}],"version-history":[{"count":0,"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/pages\/18460\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.plank.be\/index.php\/wp-json\/wp\/v2\/media?parent=18460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}