xxxxxxxxxx1
<div class="text-center">2
<span class="min-chart" id="minChart" data-percent="56"><span class="percent"></span></span>3
4
<br />5
<button id="randomize" class="btn btn-sm btn-info">Randomize</button>6
</div>1
1
xxxxxxxxxx1
$('#minChart').easyPieChart({2
barColor: function (percent) {3
return (percent < 40 ? '#ff4444' : percent < 80 ? '#ffbb33' : '#00C851');4
},5
onStep: function (from, to, percent) {6
$(this.el).find('.percent').text(Math.round(percent));7
}8
});9
10
$('#randomize').on('click', function(e) {11
e.preventDefault();12
13
var number = Math.floor(Math.random() * 100) + 1;14
$('#minChart').data('easyPieChart').update(number);15
16
}); Console errors: 0