Circle Counter :: Increase Border - kary4/divituts GitHub Wiki
<script type="text/javascript">
(function($) {
$(document).ready(function() {
window.et_pb_circle_counter_init = function($the_counter, animate) {
if ( 0 === $the_counter.width() ) {
return;
}
$the_counter.easyPieChart({
animate: {
duration: 1800,
enabled: true
},
size: 0 !== $the_counter.width() ? $the_counter.width() : 10,
barColor: $the_counter.data( 'bar-bg-color' ),
trackColor: $the_counter.data( 'color' ) || '#790707',
trackAlpha: $the_counter.data( 'alpha' ) || '1',
scaleColor: false,
lineWidth: 15,
onStart: function() {
$(this.el).find('.percent p').css({ 'visibility' : 'visible' });
},
onStep: function(from, to, percent) {
$(this.el).find('.percent-value').text( Math.round( parseInt( percent ) ) );
},
onStop: function(from, to) {
$(this.el).find('.percent-value').text( $(this.el).data('number-value') );
}
});
}
$et_pb_circle_counter = $( '.et_pb_circle_counter' );
if ( $et_pb_circle_counter.length) {
$( '.et_pb_circle_counter' ).each(function(){
window.et_pb_circle_counter_init($(this));
});
}
});
})(jQuery)
</script>
You can adjust the line as you want:
lineWidth: 15,
To remove the opacity you can delete this line:
trackAlpha: $the_counter.data( 'alpha' ) || '1',