{"id":838,"date":"2018-06-10T20:17:19","date_gmt":"2018-06-10T20:17:19","guid":{"rendered":"https:\/\/thebaths.org\/index.php\/pie-chart\/"},"modified":"2018-06-10T20:17:19","modified_gmt":"2018-06-10T20:17:19","slug":"pie-chart","status":"publish","type":"page","link":"https:\/\/thebaths.org\/index.php\/pie-chart\/","title":{"rendered":"Pie Chart"},"content":{"rendered":"<p>[vc_row padding_top_multiplier=&#8221;5x&#8221; padding_bottom_multiplier=&#8221;5x&#8221;][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; content_width=&#8221;70&#8243; horizontal_content_position=&#8221;center&#8221; text_align=&#8221;center&#8221; tablet_width=&#8221;2-3&#8243; mobile_content_width=&#8221;reset&#8221;]<h3 class=\"eut-element eut-title eut-align-inherit eut-h5\" style=\"\"><span>Multiple Options<\/span><\/h3>[vc_column_text]With this element you can create appealing pie charts with multiple options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column][vc_row_inner padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-medium\" style=\"\">  <div class=\"eut-chart-number\" data-percent=\"74\" data-pie-active-color=\"#5626f2\" data-pie-color=\"#eaeaea\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"5\">    <span class=\"eut-counter\" style=\"color:#161616\">74%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-link-text\">Bounce Rate<\/h5><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-medium\" style=\"\">  <div class=\"eut-chart-number\" data-percent=\"52\" data-pie-active-color=\"#0489e8\" data-pie-color=\"#eaeaea\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"5\">    <span class=\"eut-counter\" style=\"color:#161616\">52%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-link-text\">Active Users<\/h5><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-medium\" style=\"\">  <div class=\"eut-chart-number\" data-percent=\"68\" data-pie-active-color=\"#4014ce\" data-pie-color=\"#eaeaea\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"5\">    <span class=\"eut-counter\" style=\"color:#161616\">68%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-link-text\">Mobile Devices<\/h5><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;5x&#8221; padding_bottom_multiplier=&#8221;4x&#8221; rc_heading_color=&#8221;light&#8221; rc_bg_type=&#8221;color&#8221; separator_top=&#8221;triangle-separator&#8221; separator_top_size=&#8221;30px&#8221; rc_font_color=&#8221;#ffffff&#8221; rc_bg_color=&#8221;#14181a&#8221;][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; content_width=&#8221;70&#8243; horizontal_content_position=&#8221;center&#8221; text_align=&#8221;center&#8221; tablet_width=&#8221;2-3&#8243; mobile_content_width=&#8221;reset&#8221;]<h3 class=\"eut-element eut-title eut-align-inherit eut-h5\" style=\"\"><span>Have them on a dark background<\/span><\/h3>[vc_column_text]With this element you can create appealing pie charts with multiple options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column][vc_row_inner padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;3x&#8221;][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fade-in eut-duration-normal eut-medium\" style=\"\" data-delay=\"200\">  <div class=\"eut-chart-number\" data-percent=\"74\" data-pie-active-color=\"#7ff3f9\" data-pie-color=\"#000000\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"2\">    <span class=\"eut-counter\" style=\"color:#ffffff\">74%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-h4\">Bounce Rate<\/h5><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fade-in eut-duration-normal eut-medium\" style=\"\" data-delay=\"400\">  <div class=\"eut-chart-number\" data-percent=\"52\" data-pie-active-color=\"#7ff3f9\" data-pie-color=\"#000000\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"2\">    <span class=\"eut-counter\" style=\"color:#ffffff\">52%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-h4\">Active Users<\/h5><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-pie-chart eut-animated-item eut-fade-in eut-duration-normal eut-medium\" style=\"\" data-delay=\"600\">  <div class=\"eut-chart-number\" data-percent=\"68\" data-pie-active-color=\"#7ff3f9\" data-pie-color=\"#000000\" data-pie-line-cap=\"round\" data-pie-size=\"medium\" data-pie-line-size=\"2\">    <span class=\"eut-counter\" style=\"color:#ffffff\">68%<\/span>  <\/div>\t  <h5 class=\"eut-chart-title eut-h4\">Mobile Devices<\/h5><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;4x&#8221; padding_bottom_multiplier=&#8221;4x&#8221;][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243; text_align=&#8221;center&#8221; tablet_sm_width=&#8221;1&#8243;]<h6 class=\"eut-element eut-title eut-align-inherit eut-h6\" style=\"\"><span>what you should know<\/span><\/h6><h2 class=\"eut-element eut-title eut-align-inherit eut-h2\" style=\"\"><span>Before you\u2019ll buy Crocal<\/span><\/h2>[vc_column_text text_style=&#8221;leader-text&#8221;]You wouldn&#8217;t need them. You\u2019ll have everything you\u2019ll need inside a powerful back-end.[\/vc_column_text][vc_row_inner padding_top_multiplier=&#8221;2x&#8221; padding_bottom_multiplier=&#8221;&#8221; equal_column_height=&#8221;equal&#8221;][vc_column_inner width=&#8221;1\/2&#8243; vertical_content_position=&#8221;middle&#8221; text_align=&#8221;center&#8221; rc_bg_type=&#8221;color&#8221; rc_bg_color=&#8221;#f5f6f7&#8243; css=&#8221;.vc_custom_1528663211414{padding-top: 120px !important;padding-right: 30px !important;padding-bottom: 120px !important;padding-left: 30px !important;}&#8221;]<div class=\"eut-element eut-pie-chart eut-large\" style=\"\">  <div class=\"eut-chart-number\" data-percent=\"74\" data-pie-active-color=\"#413af0\" data-pie-color=\"#eaeaea\" data-pie-line-cap=\"round\" data-pie-size=\"large\" data-pie-line-size=\"8\">    <span class=\"eut-counter\" style=\"color:#161616\">74%<\/span>  <\/div>\t  <h4 class=\"eut-chart-title eut-h4\">Bounce Rate<\/h4>      <p>The European languages are members of the same family. Their separate existence<\/p><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; vertical_content_position=&#8221;middle&#8221; text_align=&#8221;center&#8221; rc_heading_color=&#8221;light&#8221; rc_bg_type=&#8221;color&#8221; rc_bg_color=&#8221;#37424f&#8221; css=&#8221;.vc_custom_1528663204439{padding-top: 120px !important;padding-right: 30px !important;padding-bottom: 120px !important;padding-left: 30px !important;}&#8221; rc_font_color=&#8221;#ffffff&#8221;]<div class=\"eut-element eut-pie-chart eut-large\" style=\"\">  <div class=\"eut-chart-number\" data-percent=\"68\" data-pie-active-color=\"#0cb891\" data-pie-color=\"#455364\" data-pie-line-cap=\"round\" data-pie-size=\"large\" data-pie-line-size=\"8\">    <span class=\"eut-counter\" style=\"color:#ffffff\">68%<\/span>  <\/div>\t  <h4 class=\"eut-chart-title eut-h4\">Mobile Devices<\/h4>      <p>The European languages are members of the same family. Their separate existence<\/p><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;4x&#8221; padding_bottom_multiplier=&#8221;4x&#8221; rc_heading_color=&#8221;light&#8221; rc_link_color=&#8221;light&#8221; rc_link_hover_color=&#8221;primary-1&#8243; rc_bg_type=&#8221;gradient&#8221; rc_bg_gradient_color_1=&#8221;#5d5bef&#8221; rc_bg_gradient_color_2=&#8221;#0d1ce8&#8243; rc_bg_gradient_direction=&#8221;135&#8243; rc_add_shadow=&#8221;large-shadow&#8221; mobile_columns_vertical_gap=&#8221;none&#8221; rc_font_color=&#8221;#ffffff&#8221;][vc_column text_align=&#8221;center&#8221; mobile_text_align=&#8221;left&#8221;]<h3 class=\"eut-element eut-title eut-align-inherit eut-subtitle-text\" style=\"\"><span>Crocals Elements<\/span><\/h3><h3 class=\"eut-element eut-title eut-align-inherit eut-h3\" style=\"margin-bottom: 0px;\"><span>You might want to consider<\/span><\/h3>[\/vc_column][vc_column]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221; mobile_columns_vertical_gap=&#8221;none&#8221;][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/counters\/\">Counters<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/buttons\/\">Buttons<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/team\/\">Team<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/carousel\/\">Carousel<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/row-backgrounds\/\">Row Backgrounds<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/pricing\/\">Pricing Tables<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/gallery\/\">Gallery<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/icon-box\/\">Icon Boxes<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/fancy-box\/\">Fancy Boxes<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/image-text\/\">Image Text<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/media-box\/\">Media Box<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/progress-bars\/\">Progress Bars<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/parallax-effects\/\">Parallax Effects<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/testimonials\/\">Testimonials<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/typed-text\/\">Typed Text<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/single-image\/\">Single Image<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/google-maps\/\">Google Maps<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/pie-chart\/\">Pie Charts<\/a><br \/>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; mobile_width=&#8221;1-2&#8243;][vc_column_text]<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/typography\/\">Typography<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/advanced-grid\/\">Advanced Grid<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/modal\/\">Flexible Modals<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/count-down\/\">Count Down<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/sticky-columns\/\">Sticky Columns<\/a><br \/>\n<span style=\"color: #7072f7;\">&#8211;<\/span> <a href=\"https:\/\/euthemians.com\/themes\/crocal\/row-separators\/\">Row Separators<\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/6&#8243; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row padding_top_multiplier=&#8221;5x&#8221; padding_bottom_multiplier=&#8221;5x&#8221;][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; content_width=&#8221;70&#8243; horizontal_content_position=&#8221;center&#8221; text_align=&#8221;center&#8221; tablet_width=&#8221;2-3&#8243; mobile_content_width=&#8221;reset&#8221;][vc_column_text]With this element you can create appealing pie charts with multiple options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column][\/vc_column][vc_column][vc_row_inner padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;5x&#8221; padding_bottom_multiplier=&#8221;4x&#8221; rc_heading_color=&#8221;light&#8221; rc_bg_type=&#8221;color&#8221; separator_top=&#8221;triangle-separator&#8221; separator_top_size=&#8221;30px&#8221; rc_font_color=&#8221;#ffffff&#8221; rc_bg_color=&#8221;#14181a&#8221;][vc_column width=&#8221;1\/4&#8243; tablet_width=&#8221;1-6&#8243; mobile_width=&#8221;hide&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; content_width=&#8221;70&#8243; horizontal_content_position=&#8221;center&#8221; text_align=&#8221;center&#8221; tablet_width=&#8221;2-3&#8243; mobile_content_width=&#8221;reset&#8221;][vc_column_text]With this element you can create appealing pie [&hellip;]<\/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-838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":0,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/838\/revisions"}],"wp:attachment":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/media?parent=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}