{"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='pie5836' 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 pie5836 = [{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('pie5836').getContext('2d')).Doughnut(pie5836,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie5836').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie5836').getContext('2d')).Doughnut(pie5836,{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='pie3278' 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 pie3278 = [{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('pie3278').getContext('2d')).Doughnut(pie3278,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3278').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3278').getContext('2d')).Doughnut(pie3278,{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='pie2622' 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 pie2622 = [{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('pie2622').getContext('2d')).Doughnut(pie2622,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie2622').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie2622').getContext('2d')).Doughnut(pie2622,{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='pie7281' 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 pie7281 = [{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('pie7281').getContext('2d')).Doughnut(pie7281,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7281').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7281').getContext('2d')).Doughnut(pie7281,{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='pie2744' 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 pie2744 = [{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('pie2744').getContext('2d')).Doughnut(pie2744,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie2744').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie2744').getContext('2d')).Doughnut(pie2744,{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='pie7059' 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 pie7059 = [{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('pie7059').getContext('2d')).Doughnut(pie7059,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7059').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7059').getContext('2d')).Doughnut(pie7059,{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='pie1047' 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 pie1047 = [{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('pie1047').getContext('2d')).Doughnut(pie1047,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie1047').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie1047').getContext('2d')).Doughnut(pie1047,{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='pie8817' 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 pie8817 = [{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('pie8817').getContext('2d')).Doughnut(pie8817,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie8817').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie8817').getContext('2d')).Doughnut(pie8817,{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='pie4566' 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 pie4566 = [{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('pie4566').getContext('2d')).Doughnut(pie4566,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie4566').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie4566').getContext('2d')).Doughnut(pie4566,{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='pie5650' 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 pie5650 = [{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('pie5650').getContext('2d')).Doughnut(pie5650,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie5650').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie5650').getContext('2d')).Doughnut(pie5650,{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}]}}