{"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='pie3751' 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 pie3751 = [{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('pie3751').getContext('2d')).Doughnut(pie3751,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3751').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3751').getContext('2d')).Doughnut(pie3751,{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='pie4384' 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 pie4384 = [{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('pie4384').getContext('2d')).Doughnut(pie4384,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie4384').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie4384').getContext('2d')).Doughnut(pie4384,{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='pie7242' 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 pie7242 = [{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('pie7242').getContext('2d')).Doughnut(pie7242,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7242').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7242').getContext('2d')).Doughnut(pie7242,{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='pie7634' 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 pie7634 = [{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('pie7634').getContext('2d')).Doughnut(pie7634,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie7634').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie7634').getContext('2d')).Doughnut(pie7634,{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='pie6459' 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 pie6459 = [{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('pie6459').getContext('2d')).Doughnut(pie6459,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie6459').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie6459').getContext('2d')).Doughnut(pie6459,{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='pie9082' 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 pie9082 = [{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('pie9082').getContext('2d')).Doughnut(pie9082,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie9082').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie9082').getContext('2d')).Doughnut(pie9082,{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='pie5392' 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 pie5392 = [{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('pie5392').getContext('2d')).Doughnut(pie5392,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie5392').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie5392').getContext('2d')).Doughnut(pie5392,{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='pie3452' 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 pie3452 = [{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('pie3452').getContext('2d')).Doughnut(pie3452,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie3452').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie3452').getContext('2d')).Doughnut(pie3452,{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='pie5173' 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 pie5173 = [{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('pie5173').getContext('2d')).Doughnut(pie5173,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie5173').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie5173').getContext('2d')).Doughnut(pie5173,{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='pie1598' 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 pie1598 = [{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('pie1598').getContext('2d')).Doughnut(pie1598,{segmentStrokeColor : 'transparent',});\n\t\t\t\t}else{\n\t\t\t\t\t$j('#pie1598').appear(function() {\n\t\t\t\t\t\tnew Chart(document.getElementById('pie1598').getContext('2d')).Doughnut(pie1598,{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}]}}