Joomla Templates Club 406,261 posts

[thierry93 Friend thierry93Join date: January 2009Posts: 19Downloads:20Uploads:2 Thanks: 3]

#205041

Hi !

I would like to use statistics charts in custom component. Without “statistic block” ! What’s the librairie for that ?
Like this one : http://uber.demo.joomlart.com/index.php/blocks/statistics#section-387

Thanks 🙂

Ps: Sorry for my english ..

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#564711

Hi thierry93,

You can create a new JA Advanced Custom Module -> Type: select Statistics -> style 4
Position: uber-stats
Block extra class: section-lightest statistics-style-4

Next, config the Statistics description, theme and width like so

Last step, adding the value for e.g:

---

Attachments:

1. 
2. 
3. 

[thierry93 Friend thierry93Join date: January 2009Posts: 19Downloads:20Uploads:2 Thanks: 3]

#564715

Hi Leo,

Thank you but this is not my point ! I want to do the same thing in my custom component. What JS do i need to include ?
I can scan your HTML code on the uber demo but when i use it, nothing happens :

<ul class="stats-list row">
<li class="col-md-3 col-sm-6 stats-asset">
<span class="stats-item-counter" data-to="63" data-from="0" data-speed="2000" data-refresh-interval="20">63</span>

<span class="stats-subject">Clients Worked</span>
</li>
</ul>

Thanks,

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#564719

<blockquote>Thank you but this is not my point ! I want to do the same thing in my custom component. What JS do i need to include ? </blockquote>

I dont understand your point. Are you using JA ACM module? What’s you mean “What JS do i need to include”?? If you are using Uber template and ACM statistics, you can modify the js file via ja/template/uber/acm/statistics/js/script.js

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564761

Hi there
There are many jQuery / CSS3 to do that.

http://www.jqueryscript.net/tags.php?/count%20up/

http://theme-fusion.com/avada/counter-circles/
Thank you,
Viet Vu

[thierry93 Friend thierry93Join date: January 2009Posts: 19Downloads:20Uploads:2 Thanks: 3]

#565079

Léo : No, i’m not using JA ACM Module. But i want to do the same thing in my component whitout the module.
Do i need to include /template/uber/acm/statistics/js/script.js to display the circle data ?

Jooservices : This isn’t possible to use the same jQuery than uber ?

Thank you,

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#565087

Hi there
Yes you can. But you’ll need to reverse and extract js.
Thank you,
Viet Vu

[Author]

Posts