call us (+351) 253 136 661 | Write us
  • If you be so Kind

Piechart

60%
SEO

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70%
Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80%
Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90%
Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

60%
SEO

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70%
Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80%
Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90%
Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70%
Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80%
Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90%
Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

[piechart name="Piechart Name" percent="90" color="COLOR HERE" forecolor="FORECOLOR HERE" thickness="5" size="150"]
CONTENT HERE
[/piechart]

Usage

Here’re parameters of this shortcode:

  • percent: should be a number from 0 – 100.
  • color: any color: red, blue, orange… or a custom color code such as #12dada. Default is the primary color.
  • forecolor: also a color. Default is “#aaa”.
  • thickness: the thickness of circle (in px). Default is 5.
  • name: the piechart name/title
  • size: The diameter of the circle (in px). Default is 150.
  • delay: The time delay before the animation run in millisecond unit. Default is 0.