Animated Pie Chart

[barefootMarc]

I can’t seem to find the codesnippet for an animated circle progress bar. I’ve attached a photo for what i’m looking to do.

There is an example on the Joyn site, can’t find it though.

Attachments:

You must be logged in to view attached files.

[barefootMarc]

downloaded the demo content, found it.

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.
-Rui

[barefootMarc]

How can I make it thicker? I figured it out for a progress bar, doesn’t work though for the chart.

Options?

[Mohammad – SUPPORT]

Hi,
Please open to edit functions.js file at /joyn/js directory.

Find this code:-
lineWidth: jQuery(this).attr('data-linewidth'),

Change with:-

lineWidth: 6,

Thanks
Mohammad

Thanks
Mohammad

[barefootMarc]

All I found was this:

// CHARTS
if (sfIncluded.hasClass(‘has-chart’)) {
jQuery(‘.chart-shortcode’).each(function(){
jQuery(this).easyPieChart({
animate: 1000,
lineCap: ’round’,
lineWidth: jQuery(this).attr(‘data-linewidth’),
size: jQuery(this).attr(‘data-size’),
barColor: jQuery(this).attr(‘data-barcolor’),
trackColor: jQuery(this).attr(‘data-trackcolor’),
scaleColor: ‘transparent’
});
});
}

[Rui Guerreiro – SUPPORT]

Hi,

Guess what my colleague meant was to change that code to this on

// CHARTS
if (sfIncluded.hasClass('has-chart')) {
jQuery('.chart-shortcode').each(function(){
jQuery(this).easyPieChart({
animate: 1000,
lineCap: 'round',
//lineWidth: jQuery(this).attr('data-linewidth'),
lineWidth: 6,
size: jQuery(this).attr('data-size'),
barColor: jQuery(this).attr('data-barcolor'),
trackColor: jQuery(this).attr('data-trackcolor'),
scaleColor: 'transparent'
});
});
}

Hope it helps.
-Rui

[barefootMarc]

Ive tried changing the number to several different options, and there is still no effect.

Any ideas?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

It can be cache, after changing the file you should purge the cache.
Can you provide the link to your site to check if the changes are there?

-Rui