{"id":1238,"date":"2016-05-17T09:19:18","date_gmt":"2016-05-17T09:19:18","guid":{"rendered":"http:\/\/wp.magnium-themes.com\/thebuilt\/thebuilt-1\/?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:\/\/www.tejadosyfachadascantabria.com\/features\/progress-bars-and-pie-charts\/","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=\u00bb.vc_custom_1426070943019{margin-bottom: 80px !important;}\u00bb row_fullwidth=\u00bb0″ row_fullwidth_bg=\u00bb0″ row_parallax_bg=\u00bb0″][vc_column width=\u00bb1\/3″][vc_line_chart values=\u00bb%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\u00bb][\/vc_column][vc_column width=\u00bb1\/3″][vc_line_chart type=\u00bbline\u00bb style=\u00bbmodern\u00bb values=\u00bb%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\u00bb animation=\u00bbeaseOutBounce\u00bb][\/vc_column][vc_column width=\u00bb1\/3″][vc_line_chart style=\u00bbmodern\u00bb values=\u00bb%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\u00bb animation=\u00bbeaseOutSine\u00bb][\/vc_column][\/vc_row][vc_row][vc_column]

Round chart<\/h2>

Examples<\/p>

<\/div><\/div>[\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1426070943019{margin-bottom: 80px !important;}\u00bb row_fullwidth=\u00bb0″ row_fullwidth_bg=\u00bb0″ row_parallax_bg=\u00bb0″][vc_column width=\u00bb1\/3″][vc_round_chart stroke_width=\u00bb2″][\/vc_column][vc_column width=\u00bb1\/3″][vc_round_chart type=\u00bbdoughnut\u00bb style=\u00bbmodern\u00bb stroke_width=\u00bb5″ values=\u00bb%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\u00bb animation=\u00bbeaseOutQuart\u00bb][\/vc_column][vc_column width=\u00bb1\/3″][vc_round_chart type=\u00bbdoughnut\u00bb stroke_width=\u00bb5″ values=\u00bb%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\u00bb animation=\u00bbeaseOutElastic\u00bb][\/vc_column][\/vc_row][vc_row][vc_column]

Progress bar<\/h2>

Examples<\/p>

<\/div><\/div>[vc_progress_bar][vc_progress_bar bgcolor=\u00bbbar_green\u00bb options=\u00bbstriped\u00bb units=\u00bb%\u00bb][vc_progress_bar bgcolor=\u00bbbar_red\u00bb options=\u00bbstriped,animated\u00bb units=\u00bbpx\u00bb][\/vc_column][\/vc_row][vc_row][vc_column]

Pie Chart<\/h2>

Examples<\/p>

<\/div><\/div>[\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1426070943019{margin-bottom: 80px !important;}\u00bb row_fullwidth=\u00bb0″ row_fullwidth_bg=\u00bb0″ row_parallax_bg=\u00bb0″][vc_column width=\u00bb1\/3″][vc_pie label_value=\u00bbJob done\u00bb color=\u00bbbtn-danger\u00bb][\/vc_column][vc_column width=\u00bb1\/3″][vc_pie value=\u00bb90″ label_value=\u00bbSize\u00bb color=\u00bbbtn-success\u00bb][\/vc_column][vc_column width=\u00bb1\/3″][vc_pie value=\u00bb40″ label_value=\u00bbSold\u00bb color=\u00bbbtn-warning\u00bb][\/vc_column][\/vc_row]<\/p>\n","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=\u00bb.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":""},"_links":{"self":[{"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/pages\/1238"}],"collection":[{"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/comments?post=1238"}],"version-history":[{"count":0,"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/pages\/1238\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/pages\/1191"}],"wp:attachment":[{"href":"https:\/\/www.tejadosyfachadascantabria.com\/wp-json\/wp\/v2\/media?parent=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}