Attributes	Description
Title	Title for chart item
Chart | Percent	Identify the percent desired around the circle
Chart | Label	Text inside Chart item
Chart | Icon	Select an icon from the list of available icons
Chart | Image	Select image from Media Library instead of using an icon
Options | Color	Color of the chart line, overrides color set in Theme Options - use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
Options | Line thickness	Chart circle line width
Custom | CSS classes	Type your own class for the item - this is a useful option for those who want to create a special style. For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class: .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[chart title="" percent="" label="" icon="" image="" color="" line_width="4"]

Attributes	Description
title	Title for chart item
percent	Identify the percent desired around the circle
label	Text inside Chart item
icon	Select an icon from the list of available icons
image	Image URL instead of an icon (use link with http://)
color	Color of the chart line, overrides color set in Theme Options - use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
line_width	Chart circle line width

Example of this shortcode below:

[chart title="Curabitur ipsum" percent="42" label="42%" icon="" image="" color="" line_width=""]

[charttitle="Tincidunt mauris" percent="34" label="" icon="icon-heart-line" image="" color="#888888" line_width=""]

[chart title="Tincidunt mauris" percent="50" label="" icon="" image="IMAGE_URL" color="" line_width="5"]