{"id":144,"date":"2014-12-23T13:56:46","date_gmt":"2014-12-23T13:56:46","guid":{"rendered":"https:\/\/demo.qodeinteractive.com\/bodega\/?page_id=144"},"modified":"2015-01-27T17:16:53","modified_gmt":"2015-01-27T17:16:53","slug":"doughnut-pie-charts","status":"publish","type":"page","link":"https:\/\/demo.qodeinteractive.com\/bodega\/doughnut-pie-charts\/","title":{"rendered":"Doughnut Pie Charts"},"content":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; icon_pack=&#8221;font_awesome&#8221; content_menu_fe_icon=&#8221;arrow_back&#8221; oblique_section=&#8221;no&#8221; oblique_section_top_and_bottom=&#8221;both&#8221; oblique_section_position=&#8221;from_left_to_right&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;25&#8243; padding_bottom=&#8221;43&#8243;][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie5300' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie5300 = [{value: 15,color:'#393939'},{value: 35,color:'#5c5c5c'},{value: 50,color:'#909090'}];\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('pie5300').getContext('2d')).Doughnut(pie5300,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie5300').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie5300').getContext('2d')).Doughnut(pie5300,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Creative Ideas<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie4041' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie4041 = [{value: 22,color:'#393939'},{value: 42,color:'#5c5c5c'},{value: 36,color:'#909090'}];\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('pie4041').getContext('2d')).Doughnut(pie4041,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie4041').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie4041').getContext('2d')).Doughnut(pie4041,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Projects<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie4159' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie4159 = [{value: 45,color:'#393939'},{value: 26,color:'#5c5c5c'},{value: 29,color:'#909090'}];\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('pie4159').getContext('2d')).Doughnut(pie4159,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie4159').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie4159').getContext('2d')).Doughnut(pie4159,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Customer Support<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; icon_pack=&#8221;font_awesome&#8221; content_menu_fe_icon=&#8221;arrow_back&#8221; oblique_section=&#8221;no&#8221; oblique_section_top_and_bottom=&#8221;both&#8221; oblique_section_position=&#8221;from_left_to_right&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;98&#8243; padding_bottom=&#8221;43&#8243; background_color=&#8221;#f5f5f5&#8243;][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie1919' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie1919 = [{value: 15,color:'#393939'},{value: 35,color:'#5c5c5c'},{value: 50,color:'#909090'}];\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('pie1919').getContext('2d')).Doughnut(pie1919,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie1919').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie1919').getContext('2d')).Doughnut(pie1919,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Creative Ideas<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie1401' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie1401 = [{value: 22,color:'#393939'},{value: 42,color:'#5c5c5c'},{value: 36,color:'#909090'}];\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('pie1401').getContext('2d')).Doughnut(pie1401,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie1401').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie1401').getContext('2d')).Doughnut(pie1401,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Projects<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;]<div class='q_pie_graf_holder'><div class='q_pie_graf'><canvas id='pie6692' height='150' width='150'><\/canvas><\/div><div class='q_pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #393939;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #5c5c5c;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #909090;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie6692 = [{value: 45,color:'#393939'},{value: 26,color:'#5c5c5c'},{value: 29,color:'#909090'}];\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('pie6692').getContext('2d')).Doughnut(pie6692,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie6692').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie6692').getContext('2d')).Doughnut(pie6692,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\n\t\t});\n\t<\/script>[vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text]<\/p>\n<h6>Customer Support<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam,<\/p>\n<p>quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; icon_pack=&#8221;font_awesome&#8221; content_menu_fe_icon=&#8221;arrow_back&#8221; oblique_section=&#8221;no&#8221; oblique_section_top_and_bottom=&#8221;both&#8221; oblique_section_position=&#8221;from_left_to_right&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;25&#8243; padding_bottom=&#8221;43&#8243;][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10&#8243;][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][vc_column_text] Creative Ideas [\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;17&#8243; down=&#8221;0&#8243;][vc_column_text]Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam.[\/vc_column_text][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221; up=&#8221;50&#8243; down=&#8221;0&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-sm-offset-0 vc_col-xs-offset-1&#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\/bodega\/wp-json\/wp\/v2\/pages\/144"}],"collection":[{"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":10,"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/pages\/144\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/demo.qodeinteractive.com\/bodega\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}