{"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:\/\/rodarius.koelntotal.de\/?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"],"yoast_head":"\nProgress bars and Pie charts - Rodarius<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rodarius.koelntotal.de\/?page_id=1238\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress bars and Pie charts - Rodarius\" \/>\n<meta property=\"og:description\" content=\"[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:...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rodarius.koelntotal.de\/?page_id=1238\" \/>\n<meta property=\"og:site_name\" content=\"Rodarius\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rodarius.koelntotal.de\/?page_id=1238\",\"url\":\"https:\/\/rodarius.koelntotal.de\/?page_id=1238\",\"name\":\"Progress bars and Pie charts - Rodarius\",\"isPartOf\":{\"@id\":\"https:\/\/rodarius.koelntotal.de\/#website\"},\"datePublished\":\"2016-05-17T09:19:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rodarius.koelntotal.de\/?page_id=1238#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rodarius.koelntotal.de\/?page_id=1238\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rodarius.koelntotal.de\/?page_id=1238#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/rodarius.koelntotal.de\/?page_id=2786\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/rodarius.koelntotal.de\/?page_id=1191\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Progress bars and Pie charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rodarius.koelntotal.de\/#website\",\"url\":\"https:\/\/rodarius.koelntotal.de\/\",\"name\":\"Rodarius\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rodarius.koelntotal.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress bars and Pie charts - Rodarius","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rodarius.koelntotal.de\/?page_id=1238","og_locale":"de_DE","og_type":"article","og_title":"Progress bars and Pie charts - Rodarius","og_description":"[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:...","og_url":"https:\/\/rodarius.koelntotal.de\/?page_id=1238","og_site_name":"Rodarius","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rodarius.koelntotal.de\/?page_id=1238","url":"https:\/\/rodarius.koelntotal.de\/?page_id=1238","name":"Progress bars and Pie charts - Rodarius","isPartOf":{"@id":"https:\/\/rodarius.koelntotal.de\/#website"},"datePublished":"2016-05-17T09:19:18+00:00","breadcrumb":{"@id":"https:\/\/rodarius.koelntotal.de\/?page_id=1238#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rodarius.koelntotal.de\/?page_id=1238"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rodarius.koelntotal.de\/?page_id=1238#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/rodarius.koelntotal.de\/?page_id=2786"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/rodarius.koelntotal.de\/?page_id=1191"},{"@type":"ListItem","position":3,"name":"Progress bars and Pie charts"}]},{"@type":"WebSite","@id":"https:\/\/rodarius.koelntotal.de\/#website","url":"https:\/\/rodarius.koelntotal.de\/","name":"Rodarius","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rodarius.koelntotal.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/pages\/1238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1238"}],"version-history":[{"count":0,"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/pages\/1238\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=\/wp\/v2\/pages\/1191"}],"wp:attachment":[{"href":"https:\/\/rodarius.koelntotal.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}