{"id":13105,"date":"2017-04-29T14:10:02","date_gmt":"2017-04-29T14:10:02","guid":{"rendered":"https:\/\/www.livemeshthemes.com\/visual-composer-addons\/?page_id=13105"},"modified":"2017-04-29T14:10:02","modified_gmt":"2017-04-29T14:10:02","slug":"piecharts","status":"publish","type":"page","link":"https:\/\/livemeshwp.com\/wpbakery-addons\/piecharts\/","title":{"rendered":"Piecharts"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1493644891800{padding-top: 70px !important;padding-bottom: 35px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;lvca-widget-header&#8221;]<\/p>\n<h1 class=\"lvca-widget-heading\">Piecharts<\/h1>\n<p class=\"lvca-widget-description first\">The plugin features a number of elements that help display statistical information in the form of odometers, piecharts and stats bars.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;]<\/p>\n<h4>Usage Highlights<\/h4>\n<ul>\n<li>The elements are designed animate the display of the statistical information or numbers when the users scroll down to the section containing the element.<\/li>\n<li>The animation happens from the start value to the end value specified by the user.<\/li>\n<li>Piecharts are best suited to display\u00a0percentage data. The highlighted bar represents the percentage value.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1454132651203{padding-top: 55px !important;padding-bottom: 75px !important;background-color: #ffffff !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-stats-bars\"><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Marketing<span>41%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"41\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">SEO<span>32%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"32\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Prototyping<span>24%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"24\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Print Collateral<span>48%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"48\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Illustration<span>36%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"36\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Branding<span>76%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"76\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Web Design<span>87%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"87\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-piecharts lvca-grid-container  lvca-grid-desktop-2 lvca-grid-tablet-2 lvca-grid-mobile-1\"><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"75\"><span>75<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Repeat Customers<\/div><\/div><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"87\"><span>87<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Referral Work<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; lvca_dark_bg=&#8221;true&#8221; css=&#8221;.vc_custom_1453814076279{padding-top: 55px !important;padding-bottom: 75px !important;background-color: #1b1b1c !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-stats-bars\"><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Marketing<span>41%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"41\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">SEO<span>32%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"32\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Prototyping<span>24%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"24\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Print Collateral<span>48%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"48\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Illustration<span>36%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"36\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Branding<span>76%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"76\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><div class=\"lvca-stats-bar\"><div class=\"lvca-stats-title\">Web Design<span>87%<\/span><\/div><div class=\"lvca-stats-bar-wrap\"><div  style=\"background:#f94213;\" class=\"lvca-stats-bar-content\" data-perc=\"87\"><\/div><div class=\"lvca-stats-bar-bg\"><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"lvca-piecharts lvca-grid-container  lvca-grid-desktop-2 lvca-grid-tablet-2 lvca-grid-mobile-1\"><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"75\"><span>75<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Repeat Customers<\/div><\/div><div class=\"lvca-grid-item lvca-piechart\"><div class=\"lvca-percentage\"  data-bar-color=\"#f94213\" data-track-color=\"#dddddd\" data-percent = \"87\"><span>87<sup>%<\/sup><\/span><\/div><div class=\"lvca-label\">Referral Work<\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1493644891800{padding-top: 70px !important;padding-bottom: 35px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;lvca-widget-header&#8221;] Piecharts The plugin features a number of elements that help display statistical information in the form of odometers, piecharts and stats bars. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;] Usage Highlights The elements are designed animate the display of the statistical information or numbers when the users scroll down [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13105"}],"collection":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/comments?post=13105"}],"version-history":[{"count":0,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13105\/revisions"}],"wp:attachment":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/media?parent=13105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}