Pie Charts

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

125 Px
100 Px
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


We are WS-Theme, a creative and awesome group of individuals. In 2016 we set us a Goal to make the perfect Joomla Template. We believe this Joomla Template can make your life much more easier. We encourage you to try this Template, it will change your outlook on what a Joomla Template can do.

Contact us

  • Address: Untere Koppenhalde 11
    72406 Bisingen
  • Email: office@braink.com
  • Phone: +88 (0) 144 5532 001


Sign up to our newsletter and get exclusive deals you wont find anywhere else straight to your inbox!


Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Joomla Template.

Backend View Shortcode System