{"id":868,"date":"2013-10-11T14:03:27","date_gmt":"2013-10-11T14:03:27","guid":{"rendered":"https:\/\/demo.qodeinteractive.com\/subway\/?page_id=868"},"modified":"2013-10-22T07:45:42","modified_gmt":"2013-10-22T07:45:42","slug":"donuts-charts","status":"publish","type":"page","link":"https:\/\/demo.qodeinteractive.com\/subway\/donuts-charts\/","title":{"rendered":"Donuts Charts"},"content":{"rendered":"<section class=\"wpb-content-wrapper\">[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221;][vc_column width=&#8221;1\/1&#8243;]<div class='message with_icon'style='border-color: #f8f8f8;'><img src=\"https:\/\/demo.qodeinteractive.com\/subway\/wp-content\/uploads\/2013\/10\/custom-icon1.png\" alt=\"\"><a href='#' class='close'><i class='icon-remove'><\/i><\/a><div class='message_text'>Ferri reque integre mea ut, eu eos vide errem noluisse. Putent laoreet et ius. Vel utroque dissentias ut, nam ad soleat alterum maluisset, cu est copiosae intellegat.\u00a0Ferri reque integre mea ut, eu eos vide errem noluisse.<\/div><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; down=&#8221;25&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie8316' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #badec5;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #5eb378;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #1a933e;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie8316 = [{value: 15,color:'#badec5'},{value: 35,color:'#5eb378'},{value: 50,color:'#1a933e'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie8316').getContext('2d')).Doughnut(pie8316,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie8316').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie8316').getContext('2d')).Doughnut(pie8316,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie7053' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e1ac9d;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #e96542;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #f94b1c;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie7053 = [{value: 15,color:'#e1ac9d'},{value: 35,color:'#e96542'},{value: 50,color:'#f94b1c'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie7053').getContext('2d')).Doughnut(pie7053,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7053').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7053').getContext('2d')).Doughnut(pie7053,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie8116' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #ccedff;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #62bef2;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #7dbbde;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie8116 = [{value: 25,color:'#ccedff'},{value: 35,color:'#62bef2'},{value: 40,color:'#7dbbde'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie8116').getContext('2d')).Doughnut(pie8116,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie8116').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie8116').getContext('2d')).Doughnut(pie8116,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie3206' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #ebebeb;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #c6c6c6;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #a3a3a3;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie3206 = [{value: 5,color:'#ebebeb'},{value: 25,color:'#c6c6c6'},{value: 70,color:'#a3a3a3'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie3206').getContext('2d')).Doughnut(pie3206,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3206').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3206').getContext('2d')).Doughnut(pie3206,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; up=&#8221;15&#8243; down=&#8221;15&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie2291' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #badec5;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #5eb378;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #1a933e;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie2291 = [{value: 15,color:'#badec5'},{value: 35,color:'#5eb378'},{value: 50,color:'#1a933e'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie2291').getContext('2d')).Doughnut(pie2291,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie2291').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie2291').getContext('2d')).Doughnut(pie2291,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie3025' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #e1ac9d;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #e96542;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #f94b1c;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie3025 = [{value: 15,color:'#e1ac9d'},{value: 35,color:'#e96542'},{value: 50,color:'#f94b1c'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie3025').getContext('2d')).Doughnut(pie3025,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3025').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3025').getContext('2d')).Doughnut(pie3025,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie7342' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #ccedff;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #62bef2;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #7dbbde;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie7342 = [{value: 25,color:'#ccedff'},{value: 35,color:'#62bef2'},{value: 40,color:'#7dbbde'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie7342').getContext('2d')).Doughnut(pie7342,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7342').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7342').getContext('2d')).Doughnut(pie7342,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie6959' height='120' width='120'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #ebebeb;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #c6c6c6;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #a3a3a3;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie6959 = [{value: 5,color:'#ebebeb'},{value: 25,color:'#c6c6c6'},{value: 70,color:'#a3a3a3'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie6959').getContext('2d')).Doughnut(pie6959,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie6959').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie6959').getContext('2d')).Doughnut(pie6959,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;full_width&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_parallax][vc_parallax_section title=&#8221;Section 1&#8243; background_image=&#8221;826&#8243; height=&#8221;500&#8243; position=&#8221;center&#8221;][vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; down=&#8221;30&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 35px; line-height: 37px; font-style: normal; font-weight: 400; color: #000000; text-decoration: none; padding: 0px; margin: 0px; text-align: center;\">USE IT IN A PARALLAX SECTION<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;10&#8243; down=&#8221;10&#8243;][vc_column_text]\n<p style=\"text-align: center;\"><span style=\"color: #000000;\">Lorem ipsum dolor sit amet, feugiat delicata liberavissy id cum, no quo maiorum intellegebatt.<\/span><\/p>\n[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; down=&#8221;30&#8243;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;center&#8221;][vc_column_inner width=&#8221;1\/2&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie2025' height='220' width='220'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #badec5;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #5eb378;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #1a933e;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie2025 = [{value: 15,color:'#badec5'},{value: 35,color:'#5eb378'},{value: 50,color:'#1a933e'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie2025').getContext('2d')).Doughnut(pie2025,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie2025').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie2025').getContext('2d')).Doughnut(pie2025,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie3921' height='220' width='220'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #badec5;'><\/div><p style='color: ;'>Legend 1<\/p><\/li><li><div class='color_holder' style='background-color: #5eb378;'><\/div><p style='color: ;'>Legend 2<\/p><\/li><li><div class='color_holder' style='background-color: #1a933e;'><\/div><p style='color: ;'>Legend 3<\/p><\/li><\/ul><\/div><\/div><script>var pie3921 = [{value: 15,color:'#badec5'},{value: 35,color:'#5eb378'},{value: 50,color:'#1a933e'}];\n\t\t\tvar $j = jQuery.noConflict();\n\t\t\t$j(document).ready(function() {\n\t\t\t\tif($j('.touch .no_delay').length){\n\t\t\t\t\tnew Chart(document.getElementById('pie3921').getContext('2d')).Doughnut(pie3921,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3921').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3921').getContext('2d')).Doughnut(pie3921,{segmentStrokeColor : 'transparent',});\n\t\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t\t}\t\t\t\t\t\t\t\n\t\t\t});\n\t\t<\/script>[\/vc_column_inner][\/vc_row_inner][\/vc_parallax_section][\/vc_parallax][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;center&#8221; background_color=&#8221;#1e9944&#8243; padding_top=&#8221;20&#8243; padding_bottom=&#8221;20&#8243; border_color=&#8221;transparent&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;right&#8221;][vc_column_inner width=&#8221;5\/6&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 37px; font-style: normal; font-weight: 300; color: #ffffff; text-decoration: none; padding: 0px; margin: 0px; text-align: left;\">PURCHASE SUBWAY WORDPRESS THEME NOW AND ENJOY OUR DEDICATED SUPPORT!<\/span>[\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;]<a href=\"http:\/\/themeforest.net\/item\/subway-responsive-multipurpose-wordpress-theme\/5898023?WT.ac=portfolio_item&amp;WT.seg_1=portfolio_item&amp;WT.z_author=QODE\" target=\"_self\" class=\"qbutton small no_fill\" style=\"color: #ffffff; border-color: #ffffff; \">BUY THIS THEME<\/a>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; down=&#8221;25&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; up=&#8221;15&#8243; down=&#8221;15&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;full_width&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_parallax][vc_parallax_section title=&#8221;Section 1&#8243; background_image=&#8221;826&#8243; height=&#8221;500&#8243; position=&#8221;center&#8221;][vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; down=&#8221;30&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;10&#8243; down=&#8221;10&#8243;][vc_column_text] Lorem ipsum dolor sit amet, feugiat delicata liberavissy id cum, no&#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":[],"_links":{"self":[{"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/pages\/868"}],"collection":[{"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":0,"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/pages\/868\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.qodeinteractive.com\/subway\/wp-json\/wp\/v2\/media?parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}