Vendor : Easy Pie Chart
Lightweight plugin to render simple, animated and retina optimized pie charts
- License: MIT
- https://github.com/rendro/easy-pie-chart
src/js/vendors/vendor.easypie.js
Easypie Examples
73%
Memory
88%
CPU Usage
50
60
70
80
90
50
60
70
80
90
<div class="easypie d-inline-block position-relative"
data-bar-color="#6dbb30"
data-track-color="#eaeaea"
data-scale-color="#cccccc"
data-scale-length="5"
data-line-width="6"
data-line-cap="round"
data-size="110"
data-percent="73">
<div class="absolute-full d-middle pt-0 pb-2">
<div class="flex-none text-center">
<span class="d-block">73%</span>
<span class="d-block smaller text-muted">Memory</span>
</div>
</div>
</div>
Easypie Nested
90/55
<!-- Nested -->
<div class="easypie d-inline-block position-relative"
data-bar-color="#6dbb30"
data-track-color="#eaeaea"
data-scale-color="#cccccc"
data-scale-length="0"
data-line-width="6"
data-line-cap="round"
data-size="90"
data-percent="88">
<div class="absolute-full d-middle pt-0 pb-2">
<div class="flex-none text-center">
<span class="d-block smaller">90/55</span>
</div>
</div>
<!-- Second -->
<div class="easypie d-inline-block position-absolute mt-3 mx-3"
data-bar-color="#fad776"
data-track-color="#eaeaea"
data-scale-color="#cccccc"
data-scale-length="0"
data-line-width="6"
data-line-cap="round"
data-size="60"
data-percent="55"></div>
</div>