Element – Circle Chart

[vc_row][vc_column][vc_empty_space][vc_column_text]

Credence Circle Charts Have Many Options For You

[sh_divider style=”dashed” shwidth=”wide” spacetop=”20px” spacebottom=”20px” totop=”disable”][/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][vc_empty_space height=”10px”][sh_pullquote side=”center”]

Use Any Colors you want for bars, bar backgrounds, and chart backgrounds.

[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”95.6″ dimension=”200″ fontsize=”30″ width=”10″ fgcolor=”#2ecc71″ bgcolor=”rgba(46,204,113,0.5)” fill=”rgba(255,255,255,0.01)” enableicon=”disable” icon=”fa fa-glass” text=”95.6%”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle dimension=”200″ fontsize=”30″ width=”10″ fgcolor=”#3498db” bgcolor=”rgba(52,152,219,0.49)” fill=”rgba(255,255,255,0.01)” enableicon=”disable” icon=”fa fa-glass” text=”118″][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”85″ dimension=”200″ fontsize=”30″ width=”10″ fgcolor=”#e74c3c” bgcolor=”rgba(231,76,60,0.51)” fill=”rgba(0,0,0,0.05)” enableicon=”disable” icon=”fa fa-glass” text=”$1200.00″][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_row_inner][vc_column_inner width=”1/4″][vc_empty_space height=”10px”][sh_pullquote side=”center”]

Use Icons in your Charts and change their colors. Font size will adjust their size.

[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”95.6″ dimension=”200″ fontsize=”40″ fgcolor=”#2ecc71″ bgcolor=”rgba(46,204,113,0.5)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#2ecc71″ enableicon=”disable” icon=”fa fa-users”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle dimension=”200″ fontsize=”40″ fgcolor=”#3498db” bgcolor=”rgba(52,152,219,0.49)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#3498db” enableicon=”disable” icon=”fa fa-signal”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”85″ dimension=”200″ fontsize=”40″ fgcolor=”#e74c3c” bgcolor=”rgba(231,76,60,0.51)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#e74c3c” enableicon=”disable” icon=”fa fa-refresh”][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_row_inner][vc_column_inner width=”1/4″][vc_empty_space height=”10px”][sh_pullquote side=”center”]

Create them in half circles, and adjust the bar width on half and full circle charts.

[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”95.6″ dimension=”200″ fontsize=”40″ type=”half” fgcolor=”#2ecc71″ bgcolor=”rgba(46,204,113,0.5)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#2ecc71″ enableicon=”disable” icon=”fa fa-users”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle dimension=”200″ fontsize=”40″ width=”5″ type=”half” fgcolor=”#3498db” bgcolor=”rgba(52,152,219,0.49)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#3498db” enableicon=”disable” icon=”fa fa-signal” text=”75%”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”85″ dimension=”200″ fontsize=”40″ width=”35″ type=”half” fgcolor=”#e74c3c” bgcolor=”rgba(231,76,60,0.51)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#e74c3c” enableicon=”disable” icon=”fa fa-refresh”][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_row_inner][vc_column_inner width=”1/4″][vc_empty_space height=”10px”][sh_pullquote side=”center”]

Make them Large and small, choose your size for charts, fonts and bar widths

[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”95.6″ dimension=”100″ fontsize=”20″ width=”5″ fgcolor=”rgba(0,0,0,0.75)” bgcolor=”rgba(46,204,113,0.5)” fill=”rgba(204,204,204,0.26)” enableicon=”disable” icon=”fa fa-users” text=”95.6%”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle dimension=”150″ fontsize=”25″ width=”5″ fgcolor=”rgba(22,22,22,0.92)” bgcolor=”rgba(52,152,219,0.49)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#3498db” enableicon=”disable” icon=”fa fa-signal”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”85″ dimension=”200″ fontsize=”40″ fgcolor=”rgba(0,0,0,0.89)” bgcolor=”rgba(231,76,60,0.51)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#e74c3c” enableicon=”disable” icon=”fa fa-refresh”][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_row_inner][vc_column_inner width=”1/4″][vc_empty_space height=”10px”][sh_pullquote side=”center”]

Even add text below your Symbols or top numbers for more information.

[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”95.6″ dimension=”200″ fontsize=”20″ width=”5″ fgcolor=”#34495e” bgcolor=”rgba(52,73,94,0.35)” fill=”rgba(204,204,204,0.26)” enableicon=”disable” icon=”fa fa-users” text=”95.6%” info=”Satisfied Owners”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle dimension=”200″ fontsize=”25″ width=”10″ fgcolor=”#34495e” bgcolor=”rgba(52,73,94,0.26)” fill=”rgba(255,255,255,0.01)” enableicon=”disable” icon=”fa fa-signal” text=”75%” info=”Purchase again”][/vc_column_inner][vc_column_inner width=”1/4″][sh_circle percent=”85″ dimension=”200″ fontsize=”25″ width=”10″ fgcolor=”#34495e” bgcolor=”rgba(52,73,94,0.26)” fill=”rgba(255,255,255,0.01)” circleicon=”enable” iconcolor=”#e74c3c” enableicon=”disable” icon=”fa fa-refresh” info=”1200 Earned”][/vc_column_inner][/vc_row_inner][vc_empty_space][/vc_column][/vc_row][vc_row css=”.vc_custom_1440084318824{margin-bottom: 0px !important;}”][vc_column][shvc_colorbg backgroundcolor=”#eeeeee” fontcolor=”#444444″][vc_empty_space height=”30px”][sh_headerdouble size=”h4″]

All without writing any code

[/sh_headerdouble][vc_row_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]

Set text and use icons

[/shvc_checklist_item][shvc_checklist_item]

Summary text below if desired

[/shvc_checklist_item][shvc_checklist_item]

Set the percent fill to use

[/shvc_checklist_item][shvc_checklist_item]

Customize the chart size

[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]

Adjust the font size

[/shvc_checklist_item][shvc_checklist_item]

Set the bar width

[/shvc_checklist_item][shvc_checklist_item]

Create half or full circle charts

[/shvc_checklist_item][shvc_checklist_item]

Set bar color, fill color, bar background color

[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][/vc_row_inner][vc_empty_space height=”30px”][/shvc_colorbg][/vc_column][/vc_row]