Pie Charts

Pie Charts

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Default Pie Charts

Agency
{pie-icon-text percent="82" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" text="Agency"}
  {icon-fa name="fa-thumbs-o-up"}
{/pie-icon-text}    

{pie-icon percent="68" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false"}
  {icon-fa name="fa-phone"}
{/pie-icon}

{pie-counter percent="59" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" start="0" end="59"}

Pie Charts Styles

Beers
{pie-icon-text percent="82" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" text="Beers"}
  {icon-avendor name="beer"}
{/pie-icon-text}    

{pie-counter percent="43" barcolor="#f7505a" trackcolor="#f2f2f2" linewidth="4" scalecolor="#cccccc" start="0" end="43"}

{pie-icon percent="68" barcolor="#f7505a" trackcolor="transparent" linewidth="20" scalecolor="false"}
  {icon-fa name="fa-bug"}
{/pie-icon}

{pie-counter percent="59" barcolor="#f7505a" trackcolor="transparent" linewidth="28" scalecolor="#cccccc" start="0" end="59"}

Pie Charts Custom Colors

Songs
{pie-icon-text percent="82" barcolor="#9dd30b" trackcolor="transparent" linewidth="40" scalecolor="false" text="Songs"}
  {icon-avendor name="music"}
{/pie-icon-text}    

{pie-counter percent="43" barcolor="#22d2d2" trackcolor="#f2f2f2" linewidth="4" scalecolor="#cccccc" start="0" end="43" bgcolor="color-info"}

{pie-icon percent="68" barcolor="#ff9933" trackcolor="transparent" linewidth="20" scalecolor="false" bgcolor="color-default"}
  {icon-fa name="fa-group"}
{/pie-icon}

{pie-counter percent="59" barcolor="#222" trackcolor="transparent" linewidth="28" scalecolor="#cccccc" start="0" end="59" bgcolor="color-warning"}