{"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='pie9682' 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 pie9682 = [{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('pie9682').getContext('2d')).Doughnut(pie9682,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie9682').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie9682').getContext('2d')).Doughnut(pie9682,{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='pie3316' 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 pie3316 = [{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('pie3316').getContext('2d')).Doughnut(pie3316,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3316').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3316').getContext('2d')).Doughnut(pie3316,{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='pie5174' 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 pie5174 = [{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('pie5174').getContext('2d')).Doughnut(pie5174,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie5174').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie5174').getContext('2d')).Doughnut(pie5174,{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='pie9543' 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 pie9543 = [{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('pie9543').getContext('2d')).Doughnut(pie9543,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie9543').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie9543').getContext('2d')).Doughnut(pie9543,{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='pie4159' 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 pie4159 = [{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('pie4159').getContext('2d')).Doughnut(pie4159,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie4159').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie4159').getContext('2d')).Doughnut(pie4159,{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='pie6223' 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 pie6223 = [{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('pie6223').getContext('2d')).Doughnut(pie6223,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie6223').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie6223').getContext('2d')).Doughnut(pie6223,{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='pie9525' 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 pie9525 = [{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('pie9525').getContext('2d')).Doughnut(pie9525,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie9525').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie9525').getContext('2d')).Doughnut(pie9525,{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='pie7663' 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 pie7663 = [{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('pie7663').getContext('2d')).Doughnut(pie7663,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7663').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7663').getContext('2d')).Doughnut(pie7663,{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='pie1484' 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 pie1484 = [{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('pie1484').getContext('2d')).Doughnut(pie1484,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie1484').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie1484').getContext('2d')).Doughnut(pie1484,{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='pie8729' 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 pie8729 = [{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('pie8729').getContext('2d')).Doughnut(pie8729,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie8729').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie8729').getContext('2d')).Doughnut(pie8729,{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}]}}