Circle Chart Block

Circle Chart Block options:

• Position – set your block’s position to left, center or right. This option is available at the top block options panel.
• Value – set your circle chart’s value from 0 to 100.
• Hide value – you can choose not to display the chart’s value. This also applies to its preffix and suffix.
• Text – add text to the chart here.
• Prefix – add a prefix to chart’s value.
• Suffix – add a suffix to chart’s value.
• Image – add an image to your circle chart.
• Image alternative text – add image’s alt text here.
• Image width – set image width in pixels.
• Image height – set image height in pixels.
• Icon – add an icon to your circle chart.
• Icon set – choose the icon set from Multi, Font Awesome solid, Font Awesome regular, and Font Awesome brands.
• Icon size – set the icon size.
• Custom icon size (in px) – set the custom icon size. This option requires choosing custom size in icon size option dropdown menu above.
• Icon color – set the icon color.
• Chart size – set chart’s size.
• Filled line size – set the size of the filled part of the line.
• Unfilled line size – set the size of the unfilled part of the line.
• Text font size – set the size of the text.
• Value font size – set the size of chart’s value.
• Text font weight – set the text font weight.
• Value font weight – set the value font weight.
• Text color – set text color.
• Background color – set the chart’s background color.
• Filled line color – set the color of the filled part of the bar.
• Unfilled line color – set the color of the unfilled part of the bar.
• Filled line edges – set the shape of the filled line’s edges. Choose from Square and Round.
• Animation duration – set the time of chart’s animation.
• Class – add a custom CSS class to your circle chart.
• ID – add a custom CSS ID to your circle chart.
• Style – add an inline CSS style to your circle chart.