{"id":1238,"date":"2016-05-17T09:19:18","date_gmt":"2016-05-17T09:19:18","guid":{"rendered":"http:\/\/wp.magnium-themes.com\/thebuilt\/thebuilt-9\/?page_id=1238"},"modified":"2016-05-17T09:19:18","modified_gmt":"2016-05-17T09:19:18","slug":"progress-bars-and-pie-charts","status":"publish","type":"page","link":"https:\/\/pomec.engineering\/?page_id=1238","title":{"rendered":"Progress bars and Pie charts"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]<\/p>\n

You can easy add progress bars and pie charts to any of your pages or posts with our special Visual Page Builder elements\/shortcodes Pie Chart, Progress Bar<\/strong><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]

Line chart<\/h2>

Examples<\/p>

<\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1\/3″][vc_line_chart values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%7D%5D”][\/vc_column][vc_column width=”1\/3″][vc_line_chart type=”line” style=”modern” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22y_values%22%3A%2217%3B%202%3B%2011%3B%2025%3B%2020%3B%208%3B%2022%3B%2020%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%23f4524d%22%7D%5D” animation=”easeOutBounce”][\/vc_column][vc_column width=”1\/3″][vc_line_chart style=”modern” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2012%3B%2011%3B%2010%3B%2015%3B%2025%3B%2026%3B%2035%22%2C%22color%22%3A%22vista-blue%22%7D%5D” animation=”easeOutSine”][\/vc_column][\/vc_row][vc_row][vc_column]

Round chart<\/h2>

Examples<\/p>

<\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1\/3″][vc_round_chart stroke_width=”2″][\/vc_column][vc_column width=”1\/3″][vc_round_chart type=”doughnut” style=”modern” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff9900%22%7D%5D” animation=”easeOutQuart”][\/vc_column][vc_column width=”1\/3″][vc_round_chart type=”doughnut” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%236dab3c%22%7D%2C%7B%22title%22%3A%22Four%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22grey%22%2C%22custom_color%22%3A%22%2300c1cf%22%7D%2C%7B%22title%22%3A%22Five%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%235aa1e3%22%7D%5D” animation=”easeOutElastic”][\/vc_column][\/vc_row][vc_row][vc_column]

Progress bar<\/h2>

Examples<\/p>

<\/div><\/div>[vc_progress_bar][vc_progress_bar bgcolor=”bar_green” options=”striped” units=”%”][vc_progress_bar bgcolor=”bar_red” options=”striped,animated” units=”px”][\/vc_column][\/vc_row][vc_row][vc_column]

Pie Chart<\/h2>

Examples<\/p>

<\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom: 80px !important;}” row_fullwidth=”0″ row_fullwidth_bg=”0″ row_parallax_bg=”0″][vc_column width=”1\/3″][vc_pie label_value=”Job done” color=”btn-danger”][\/vc_column][vc_column width=”1\/3″][vc_pie value=”90″ label_value=”Size” color=”btn-success”][\/vc_column][vc_column width=”1\/3″][vc_pie value=”40″ label_value=”Sold” color=”btn-warning”][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text] You can easy add progress bars and pie charts to any of your pages or posts with our special Visual Page Builder elements\/shortcodes Pie Chart, Progress Bar [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1426070943019{margin-bottom:…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1191,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/pages\/1238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pomec.engineering\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1238"}],"version-history":[{"count":0,"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/pages\/1238\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/pomec.engineering\/index.php?rest_route=\/wp\/v2\/pages\/1191"}],"wp:attachment":[{"href":"https:\/\/pomec.engineering\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}