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.
