60 lines
2.1 KiB
Markdown
60 lines
2.1 KiB
Markdown
|
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>
|