{"id":1035,"date":"2013-09-17T12:52:57","date_gmt":"2013-09-17T12:52:57","guid":{"rendered":"https:\/\/demo.qodeinteractive.com\/satellite\/?page_id=1035"},"modified":"2013-09-17T13:12:47","modified_gmt":"2013-09-17T13:12:47","slug":"donuts-charts","status":"publish","type":"page","link":"https:\/\/demo.qodeinteractive.com\/satellite\/donuts-charts\/","title":{"rendered":"Donuts Charts"},"content":{"rendered":"<div class=\"three_columns clearfix\"><div class=\"column1\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie4150' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie4150 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie4150').getContext('2d')).Doughnut(pie4150,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie4150').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie4150').getContext('2d')).Doughnut(pie4150,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div>\n<div class=\"column2\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie2411' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie2411 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie2411').getContext('2d')).Doughnut(pie2411,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie2411').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie2411').getContext('2d')).Doughnut(pie2411,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div>\n<div class=\"column3\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie8420' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie8420 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie8420').getContext('2d')).Doughnut(pie8420,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie8420').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie8420').getContext('2d')).Doughnut(pie8420,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div><\/div>\n<div style=\"margin-top:25px;margin-bottom:25px;\" class=\"separator transparent\"><\/div>\n<div class=\"three_columns clearfix\"><div class=\"column1\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie6771' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie6771 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie6771').getContext('2d')).Doughnut(pie6771,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie6771').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie6771').getContext('2d')).Doughnut(pie6771,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div>\n<div class=\"column2\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie2530' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie2530 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie2530').getContext('2d')).Doughnut(pie2530,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie2530').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie2530').getContext('2d')).Doughnut(pie2530,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div>\n<div class=\"column3\"><div class=\"column_inner\">\n<div class='pie_graf_holder'><div class='pie_graf'><canvas id='pie6796' height='180' width='180'><\/canvas><\/div><div class='pie_graf_legend'><ul><li><div class='color_holder' style='background-color: #99c9ff;'><\/div><p style='color: ;'>Legend One<\/p><\/li><li><div class='color_holder' style='background-color: #4ca1ff;'><\/div><p style='color: ;'>Legend Two<\/p><\/li><li><div class='color_holder' style='background-color: #0079ff;'><\/div><p style='color: ;'>Legend Three<\/p><\/li><\/ul><\/div><\/div><script>var pie6796 = [{value: 15,color:'#99c9ff'},{value: 35,color:'#4ca1ff'},{value: 50,color:'#0079ff'}];\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('pie6796').getContext('2d')).Doughnut(pie6796,{segmentStrokeColor : 'transparent',});\n\t\t\t}else{\n\t\t\t\t$j('#pie6796').appear(function() {\n\t\t\t\t\tnew Chart(document.getElementById('pie6796').getContext('2d')).Doughnut(pie6796,{segmentStrokeColor : 'transparent',});\n\t\t\t\t},{accX: 0, accY: -200});\n\t\t\t}\t\t\t\t\t\t\t\n\t\t});\n\t<\/script>\n<\/div><\/div><\/div>\n<div style=\"margin-top:25px;margin-bottom:25px;\" class=\"separator transparent\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-1035","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/pages\/1035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/comments?post=1035"}],"version-history":[{"count":0,"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/pages\/1035\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.qodeinteractive.com\/satellite\/wp-json\/wp\/v2\/media?parent=1035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}