{"id":8028,"date":"2016-01-23T15:45:36","date_gmt":"2016-01-23T15:45:36","guid":{"rendered":"https:\/\/joewooten.com\/index.php\/pie-chart\/"},"modified":"2016-01-23T15:45:36","modified_gmt":"2016-01-23T15:45:36","slug":"pie-chart","status":"publish","type":"page","link":"https:\/\/joewooten.com\/index.php\/pie-chart\/","title":{"rendered":"Pie Chart"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row bg_type=&#8221;color&#8221; header_feature=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column]<div class=\"grve-element grve-slogan grve-align-center\" style=\"\"><h3 class=\"grve-slogan-title grve-align-center grve-h6\"><span>Pie Charts<\/span><\/h3>  <p class=\"\">With this element you can create<br \/>\nappealing pie charts with multiple options.<\/p><\/div>[vc_empty_space height=&#8221;60&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-medium\" style=\"\" data-delay=\"200\">  <div class=\"grve-chart-number\" data-percent=\"89\" data-pie-active-color=\"#00bfa5\" data-pie-color=\"#e0e0e0\" data-pie-line-cap=\"square\" data-pie-size=\"medium\" data-pie-line-size=\"3\">    <span class=\"grve-counter\" style=\"color:#212121\">89%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">Options Panel<\/h3>      <p>Eripuit erroribus ea duo, vel ut efficiendi quae rendum.<\/p><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-medium\" style=\"\" data-delay=\"400\">  <div class=\"grve-chart-number\" data-percent=\"78\" data-pie-active-color=\"#fa4949\" data-pie-color=\"#e0e0e0\" data-pie-line-cap=\"square\" data-pie-size=\"medium\" data-pie-line-size=\"3\">    <span class=\"grve-counter\" style=\"color:#212121\">78%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">PHP Code<\/h3>      <p>Eripuit erroribus ea duo, vel ut efficiendi quae rendum.<\/p><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-medium\" style=\"\" data-delay=\"600\">  <div class=\"grve-chart-number\" data-percent=\"75\" data-pie-active-color=\"#00bcd4\" data-pie-color=\"#e0e0e0\" data-pie-line-cap=\"square\" data-pie-size=\"medium\" data-pie-line-size=\"3\">    <span class=\"grve-counter\" style=\"color:#212121\">75%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">JQuery Power<\/h3>      <p>Eripuit erroribus ea duo, vel ut efficiendi quae rendum.<\/p><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-medium\" style=\"\" data-delay=\"800\">  <div class=\"grve-chart-number\" data-percent=\"95\" data-pie-active-color=\"#9575cd\" data-pie-color=\"#e0e0e0\" data-pie-line-cap=\"square\" data-pie-size=\"medium\" data-pie-line-size=\"3\">    <span class=\"grve-counter\" style=\"color:#212121\">95%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">CSS Capabilites<\/h3>      <p>Eripuit erroribus ea duo, vel ut efficiendi quae rendum.<\/p><\/div>[\/vc_column][\/vc_row][vc_row heading_color=&#8221;light&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;7660&#8243; bg_image_type=&#8221;parallax&#8221; color_overlay=&#8221;dark&#8221; opacity_overlay=&#8221;80&#8243; font_color=&#8221;#bdbdbd&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-zoomIn grve-large\" style=\"\" data-delay=\"400\">  <div class=\"grve-chart-number\" data-percent=\"75\" data-pie-active-color=\"#00bcd4\" data-pie-color=\"#232323\" data-pie-line-cap=\"round\" data-pie-size=\"large\" data-pie-line-size=\"8\">    <span class=\"grve-counter\" style=\"color:#bdbdbd\">75%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">JQuery Power<\/h3><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-zoomIn grve-large\" style=\"\" data-delay=\"600\">  <div class=\"grve-chart-number\" data-percent=\"95\" data-pie-active-color=\"#9575cd\" data-pie-color=\"#232323\" data-pie-line-cap=\"round\" data-pie-size=\"large\" data-pie-line-size=\"8\">    <span class=\"grve-counter\" style=\"color:#bdbdbd\">95%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">CSS Capabilites<\/h3><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-zoomIn grve-large\" style=\"\" data-delay=\"800\">  <div class=\"grve-chart-number\" data-percent=\"78\" data-pie-active-color=\"#fa4949\" data-pie-color=\"#232323\" data-pie-line-cap=\"round\" data-pie-size=\"large\" data-pie-line-size=\"8\">    <span class=\"grve-counter\" style=\"color:#bdbdbd\">78%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-h6\">PHP Code<\/h3><\/div>[\/vc_column][\/vc_row][vc_row heading_color=&#8221;light&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;7823&#8243; footer_feature=&#8221;yes&#8221; padding_top=&#8221;60&#8243; padding_bottom=&#8221;60&#8243; margin_bottom=&#8221;0&#8243; font_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-small\" style=\"\" data-delay=\"200\">  <div class=\"grve-chart-number\" data-percent=\"89\" data-pie-active-color=\"rgba(255,255,255,0.5)\" data-pie-color=\"rgba(224,224,224,0.01)\" data-pie-line-cap=\"square\" data-pie-size=\"small\" data-pie-line-size=\"1\">    <span class=\"grve-counter\" style=\"color:#ffffff\">89%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-small-text\">Options Panel<\/h3><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-small\" style=\"\" data-delay=\"400\">  <div class=\"grve-chart-number\" data-percent=\"78\" data-pie-active-color=\"rgba(255,255,255,0.5)\" data-pie-color=\"rgba(224,224,224,0.01)\" data-pie-line-cap=\"square\" data-pie-size=\"small\" data-pie-line-size=\"1\">    <span class=\"grve-counter\" style=\"color:#ffffff\">78%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-small-text\">PHP Code<\/h3><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-small\" style=\"\" data-delay=\"600\">  <div class=\"grve-chart-number\" data-percent=\"75\" data-pie-active-color=\"rgba(255,255,255,0.5)\" data-pie-color=\"rgba(224,224,224,0.01)\" data-pie-line-cap=\"square\" data-pie-size=\"small\" data-pie-line-size=\"1\">    <span class=\"grve-counter\" style=\"color:#ffffff\">75%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-small-text\">JQuery Power<\/h3><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"grve-element grve-pie-chart grve-animated-item grve-fadeInUp grve-small\" style=\"\" data-delay=\"800\">  <div class=\"grve-chart-number\" data-percent=\"95\" data-pie-active-color=\"rgba(255,255,255,0.5)\" data-pie-color=\"rgba(224,224,224,0.01)\" data-pie-line-cap=\"square\" data-pie-size=\"small\" data-pie-line-size=\"1\">    <span class=\"grve-counter\" style=\"color:#ffffff\">95%<\/span>  <\/div>\t  <h3 class=\"grve-chart-title grve-small-text\">CSS Capabilites<\/h3><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row bg_type=&#8221;color&#8221; header_feature=&#8221;yes&#8221; padding_top=&#8221;120&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column][vc_empty_space height=&#8221;60&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_sm_width=&#8221;1-2&#8243;][\/vc_column][\/vc_row][vc_row heading_color=&#8221;light&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;7660&#8243; bg_image_type=&#8221;parallax&#8221; color_overlay=&#8221;dark&#8221; opacity_overlay=&#8221;80&#8243; font_color=&#8221;#bdbdbd&#8221; padding_top=&#8221;140&#8243; padding_bottom=&#8221;140&#8243; margin_bottom=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row heading_color=&#8221;light&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;7823&#8243; footer_feature=&#8221;yes&#8221; padding_top=&#8221;60&#8243; padding_bottom=&#8221;60&#8243; margin_bottom=&#8221;0&#8243; font_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8028","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/pages\/8028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/comments?post=8028"}],"version-history":[{"count":0,"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/pages\/8028\/revisions"}],"wp:attachment":[{"href":"https:\/\/joewooten.com\/index.php\/wp-json\/wp\/v2\/media?parent=8028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}