Pie Charts
Check here our awesome Pie Charts for every Purpose. Also you can control everything for the Pie Charts Shortcodes like Trackcolor, Barcolor and much much more. But please keep in Mind to set a not too large Width cause Pie Charts are not responsive for default as they are a created Canvas Type.
- Use any Percent Number for Value
- Custom Speed for the Animation
- 4 different Color Options for all Parts
- Use with any Color you like
- Set a custom Size whatever you want
- 2 different Text Sizes for the middle
Default Pie Charts
Pie Charts Options
Pie Chart Sizes
Minimal Shortcode {piechart percent="90"}Text here{/piechart} Shortcode with some Options {piechart percent="90" barcolor="#74c3c" trackcolor="#f5f5f5"}Text here{/piechart}
Parameter Name | Description | Possible values | Default |
---|---|---|---|
percent | How many Percent should the Pie Chart have | 1-100 | 100 |
speed | How long should the Animation need before end | Any Millisecond Value | 2000 |
trackcolor | The Color of the Track | Any Hex Value | #333333 |
barcolor | The Color of the Bar | Any Hex Value | #f5f5f5 |
scalecolor | The Color for the Scales, set to false to disable | Any Hex Value | false |
linewidth | The Linewidth of the Bar | Any Pixel Value | 7 |
width | The Width for the whole Pie Chart | Any Pixel Value | 150 |
type | The Content Type in the Middle | small, large | small |
align | How to align the Pie Chart in the Container | left, center, right | center |
class | Add a optional Class to the Shortcode | ||
id | Add a optional unique ID to the Shortcode | ||
animation | Activates a Animation for this Element | Many, check the Animations Page | |
animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |