PHP Classes

File: vendors/gentelella/vendors/jquery.easy-pie-chart/docs/options.md

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/gentelella/vendors/jquery.easy-pie-chart/docs/options.md   Download  
File: vendors/gentelella/vendors/jquery.easy-pie-chart/docs/options.md
Role: Auxiliary data
Content type: text/markdown
Description: Auxiliary data
Class: Gentelella BladeOne
Render templates using Bootstrap for presentation
Author: By
Last change:
Date: 3 years ago
Size: 2,166 bytes
 

Contents

Class file image Download

You can pass these options to the initialize function to set a custom look and feel for the plugin.

<table>

<tr>
    <th>Property (Type)</th>
    <th>Default</th>
    <th>Description</th>
</tr>
<tr>
    <td><strong>barColor</strong></td>
    <td>#ef1e25</td>
    <td>The color of the curcular bar. You can either pass a valid css color string, or a function that takes the current percentage as a value and returns a valid css color string.</td>
</tr>
<tr>
    <td><strong>trackColor</strong></td>
    <td>#f2f2f2</td>
    <td>The color of the track, or false to disable rendering.</td>
</tr>
<tr>
    <td><strong>scaleColor</strong></td>
    <td>#dfe0e0</td>
    <td>The color of the scale lines, false to disable rendering.</td>
</tr>
<tr>
    <td><strong>scaleLength</strong></td>
    <td>5</td>
    <td>Length of the scale lines (reduces the radius of the chart).</td>
</tr>
<tr>
    <td><strong>lineCap</strong></td>
    <td>round</td>
    <td>Defines how the ending of the bar line looks like. Possible values are: <code>butt</code>, <code>round</code> and <code>square</code>.</td>
</tr>
<tr>
    <td><strong>lineWidth</strong></td>
    <td>3</td>
    <td>Width of the chart line in px.</td>
</tr>
<tr>
    <td><strong>size</strong></td>
    <td>110</td>
    <td>Size of the pie chart in px. It will always be a square.</td>
</tr>
    <tr>
    <td><strong>rotate</strong></td>
    <td>0</td>
    <td>Rotation of the complete chart in degrees.</td>
</tr>
<tr>
    <td><strong>animate</strong></td>
    <td>object</td>
    <td>Object with time in milliseconds and boolean for an animation of the bar growing (<code>{ duration: 1000, enabled: true }</code>), or false to deactivate animations.</td>
</tr>
<tr>
    <td><strong>easing</strong></td>
    <td>defaultEasing</td>
    <td>Easing function or string with the name of a <a href="http://gsgd.co.uk/sandbox/jquery/easing/" target="_blank">jQuery easing function</a></td>
</tr>

</table>