{"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":"https:\/\/www.sailforce.one\/?page_id=35864","title":{"rendered":"Round chart"},"content":{"rendered":"

[vc_row margin_bottom=“70″][vc_column][vc_column_text]<\/p>\n

Doughnut<\/h3>\n

[\/vc_column_text][vc_empty_space height=“50px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“0″ tooltips=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23573ab7%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%234149c7%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23178be7%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%231ac8ee%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%2345e4f2%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“2″ values=“%5B%7B%22title%22%3A%22Marketing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%225%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23673ab7%22%7D%2C%7B%22title%22%3A%22Support%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“2″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%234daf50%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%238bc34a%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffeb3a%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“5″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f44336%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ffc101%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“0″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2225%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23607d8b%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2260%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23374046%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column][vc_toggle title=“GET SETTINGS“ el_id=“1448964711352-b76dac12-0e32″]

<\/div>VC Element:<\/strong> „Round Chart“<\/p>\n

Design:<\/strong> Doughnut<\/p>\n

Style:<\/strong> Custom<\/p>\n

Gap:<\/strong> 0<\/p>\n

Show legend?<\/strong> Yes<\/p>\n

Show hover values?<\/strong> No<\/p>\n

Values<\/strong><\/span><\/p>\n

Title:<\/strong> Communication, Value:<\/strong> 30%, Custom Color:<\/strong> #573ab7<\/p>\n

Title:<\/strong> Design, Value:<\/strong> 20%, Custom Color:<\/strong> #4149c7<\/p>\n

Title:<\/strong> Coding, Value:<\/strong> 20%, Custom Color:<\/strong> #178be7<\/p>\n

Title:<\/strong> Programming, Value:<\/strong> 20%, Custom Color:<\/strong> #1ac8ee<\/p>\n

Title:<\/strong> Testing, Value:<\/strong> 10%, Custom Color:<\/strong> #45e4f2<\/p>\n

Animation:\u00a0<\/strong>Sine

<\/div>[\/vc_toggle][\/vc_column][\/vc_row][vc_row margin_bottom=“10″][vc_column][vc_column_text]<\/p>\n

Pie<\/h3>\n

[\/vc_column_text][vc_empty_space height=“50px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart style=“custom“ stroke_width=“0″ tooltips=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23573ab7%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%234149c7%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23178be7%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%231ac8ee%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%2345e4f2%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart style=“custom“ stroke_width=“2″ values=“%5B%7B%22title%22%3A%22Marketing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%225%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23673ab7%22%7D%2C%7B%22title%22%3A%22Support%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart style=“custom“ stroke_width=“2″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%234daf50%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%238bc34a%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffeb3a%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart style=“custom“ stroke_width=“5″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f44336%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ffc101%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart style=“custom“ stroke_width=“0″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2225%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23607d8b%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2260%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23374046%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column][vc_toggle title=“GET SETTINGS“ el_id=“1448964124495-5ee01efc-5262″]

<\/div>VC Element:<\/strong> „Round Chart“<\/p>\n

Design:<\/strong> Pie<\/p>\n

Style:<\/strong> Custom<\/p>\n

Gap:<\/strong> 0<\/p>\n

Show legend?<\/strong> No<\/p>\n

Show hover values?<\/strong> Yes<\/p>\n

Values<\/strong><\/span><\/p>\n

Title:<\/strong> Communication, Value:<\/strong> 15%, Custom Color:<\/strong> #ff5722<\/p>\n

Title:<\/strong> Design, Value:<\/strong> 25%, Custom Color:<\/strong> #607d8b<\/p>\n

Title:<\/strong> Coding, Value:<\/strong> 60%, Custom Color:<\/strong> #374046<\/p>\n

Animation:<\/strong> Sine

<\/div>[\/vc_toggle][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row margin_bottom=“70″][vc_column][vc_column_text] Doughnut [\/vc_column_text][vc_empty_space height=“50px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“0″ tooltips=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23573ab7%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%234149c7%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23178be7%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%231ac8ee%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%2345e4f2%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“2\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“2″ values=“%5B%7B%22title%22%3A%22Marketing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%225%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23673ab7%22%7D%2C%7B%22title%22%3A%22Support%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“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″][vc_round_chart type=“doughnut“ style=“custom“ stroke_width=“2″ legend=““ values=“%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%234daf50%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%238bc34a%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffeb3a%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%5D“ animation=“easeOutSine“][vc_empty_space height=“30px“][\/vc_column][vc_column width=“1\/3″ offset=“vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":13572,"menu_order":580,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","footnotes":""},"class_list":["post-35864","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/35864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35864"}],"version-history":[{"count":0,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/35864\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/13572"}],"wp:attachment":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}