{"id":35864,"date":"2015-07-21T09:00:51","date_gmt":"2015-07-21T09:00:51","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=35864"},"modified":"2015-07-21T09:00:51","modified_gmt":"2015-07-21T09:00:51","slug":"round-chart","status":"publish","type":"page","link":"http:\/\/stg-gtt.com\/fr\/shortcodes\/round-chart\/","title":{"rendered":"Round chart"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Doughnut<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-type=\"doughnut\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,20,20,20,10],&quot;backgroundColor&quot;:[&quot;#573ab7&quot;,&quot;#4149c7&quot;,&quot;#178be7&quot;,&quot;#1ac8ee&quot;,&quot;#45e4f2&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"2\" data-vc-type=\"doughnut\" data-vc-values=\"{&quot;labels&quot;:[&quot;Marketing&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Editing&quot;,&quot;Programming&quot;,&quot;Testing&quot;,&quot;Support&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,10,10,15,5,15,15],&quot;backgroundColor&quot;:[&quot;#e91e63&quot;,&quot;#ff9800&quot;,&quot;#ffc104&quot;,&quot;#cddc38&quot;,&quot;#04a9f4&quot;,&quot;#673ab7&quot;,&quot;#9c27b0&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"2\" data-vc-type=\"doughnut\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Editing&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[10,20,20,10,10,30],&quot;backgroundColor&quot;:[&quot;#ff9800&quot;,&quot;#4daf50&quot;,&quot;#8bc34a&quot;,&quot;#cddc38&quot;,&quot;#ffeb3a&quot;,&quot;#ffc104&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"5\" data-vc-type=\"doughnut\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,20,20,20,10],&quot;backgroundColor&quot;:[&quot;#e91e63&quot;,&quot;#f44336&quot;,&quot;#ff5722&quot;,&quot;#ff9800&quot;,&quot;#ffc101&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-type=\"doughnut\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[15,25,60],&quot;backgroundColor&quot;:[&quot;#ff5722&quot;,&quot;#607d8b&quot;,&quot;#374046&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div id=\"1448964711352-b76dac12-0e32\" class=\"vc_toggle vc_toggle_default vc_toggle_color_default  vc_toggle_size_md\"><div class=\"vc_toggle_title\"><h4>GET SETTINGS<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<p><strong>VC Element:<\/strong> &#8220;Round Chart&#8221;<\/p>\n<p><strong>Design:<\/strong> Doughnut<\/p>\n<p><strong>Style:<\/strong> Custom<\/p>\n<p><strong>Gap:<\/strong> 0<\/p>\n<p><strong>Show legend?<\/strong> Yes<\/p>\n<p><strong>Show hover values?<\/strong> No<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Values<\/strong><\/span><\/p>\n<p><strong>Title:<\/strong> Communication, <strong>Value:<\/strong> 30%, <strong>Custom Color:<\/strong> #573ab7<\/p>\n<p><strong>Title:<\/strong> Design, <strong>Value:<\/strong> 20%, <strong>Custom Color:<\/strong> #4149c7<\/p>\n<p><strong>Title:<\/strong> Coding, <strong>Value:<\/strong> 20%, <strong>Custom Color:<\/strong> #178be7<\/p>\n<p><strong>Title:<\/strong> Programming, <strong>Value:<\/strong> 20%, <strong>Custom Color:<\/strong> #1ac8ee<\/p>\n<p><strong>Title:<\/strong> Testing, <strong>Value:<\/strong> 10%, <strong>Custom Color:<\/strong> #45e4f2<\/p>\n<p><strong>Animation:\u00a0<\/strong>Sine<\/p>\n<div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3>Pie<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-type=\"pie\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,20,20,20,10],&quot;backgroundColor&quot;:[&quot;#573ab7&quot;,&quot;#4149c7&quot;,&quot;#178be7&quot;,&quot;#1ac8ee&quot;,&quot;#45e4f2&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-legend=\"1\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"2\" data-vc-type=\"pie\" data-vc-values=\"{&quot;labels&quot;:[&quot;Marketing&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Editing&quot;,&quot;Programming&quot;,&quot;Testing&quot;,&quot;Support&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,10,10,15,5,15,15],&quot;backgroundColor&quot;:[&quot;#e91e63&quot;,&quot;#ff9800&quot;,&quot;#ffc104&quot;,&quot;#cddc38&quot;,&quot;#04a9f4&quot;,&quot;#673ab7&quot;,&quot;#9c27b0&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"2\" data-vc-type=\"pie\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Editing&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[10,20,20,10,10,30],&quot;backgroundColor&quot;:[&quot;#ff9800&quot;,&quot;#4daf50&quot;,&quot;#8bc34a&quot;,&quot;#cddc38&quot;,&quot;#ffeb3a&quot;,&quot;#ffc104&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-stroke-width=\"5\" data-vc-type=\"pie\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Design&quot;,&quot;Coding&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[30,20,20,20,10],&quot;backgroundColor&quot;:[&quot;#e91e63&quot;,&quot;#f44336&quot;,&quot;#ff5722&quot;,&quot;#ff9800&quot;,&quot;#ffc101&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_chart vc_round-chart wpb_content_element\" data-vc-tooltips=\"1\" data-vc-animation=\"easeOutSine\" data-vc-stroke-color=\"#ffffff\" data-vc-type=\"pie\" data-vc-values=\"{&quot;labels&quot;:[&quot;Communication&quot;,&quot;Programming&quot;,&quot;Testing&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[15,25,60],&quot;backgroundColor&quot;:[&quot;#ff5722&quot;,&quot;#607d8b&quot;,&quot;#374046&quot;]}]}\" data-vc-legend-color=\"#2a2a2a\" data-vc-legend-position=\"left\">\n\t\n\t<div class=\"wpb_wrapper\">\n\t\t<canvas class=\"vc_round-chart-canvas\" width=\"1\" height=\"1\"><\/canvas>\n\t<\/div>\n<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div id=\"1448964124495-5ee01efc-5262\" class=\"vc_toggle vc_toggle_default vc_toggle_color_default  vc_toggle_size_md\"><div class=\"vc_toggle_title\"><h4>GET SETTINGS<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<p><strong>VC Element:<\/strong> &#8220;Round Chart&#8221;<\/p>\n<p><strong>Design:<\/strong> Pie<\/p>\n<p><strong>Style:<\/strong> Custom<\/p>\n<p><strong>Gap:<\/strong> 0<\/p>\n<p><strong>Show legend?<\/strong> No<\/p>\n<p><strong>Show hover values?<\/strong> Yes<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Values<\/strong><\/span><\/p>\n<p><strong>Title:<\/strong> Communication, <strong>Value:<\/strong> 15%, <strong>Custom Color:<\/strong> #ff5722<\/p>\n<p><strong>Title:<\/strong> Design, <strong>Value:<\/strong> 25%, <strong>Custom Color:<\/strong> #607d8b<\/p>\n<p><strong>Title:<\/strong> Coding, <strong>Value:<\/strong> 60%, <strong>Custom Color:<\/strong> #374046<\/p>\n<p><strong>Animation:<\/strong> Sine<\/p>\n<div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Doughnut GET SETTINGSVC Element: &#8220;Round Chart&#8221; Design: Doughnut Style: Custom Gap: 0 Show legend? Yes Show hover values? No Values Title: Communication, Value: 30%, Custom Color: #573ab7 Title: Design, Value: 20%, Custom Color: #4149c7 Title: Coding, Value: 20%, Custom Color: #178be7 Title: Programming, Value: 20%, Custom Color: #1ac8ee Title: Testing, Value: 10%, Custom Color: #45e4f2&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":13572,"menu_order":580,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35864","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/35864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/comments?post=35864"}],"version-history":[{"count":0,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/35864\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/13572"}],"wp:attachment":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/media?parent=35864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}