Comments (8)
No problem, here is the formula:
$('#circle_01').circleProgress({ value: 0.104 });
$('#circle_02').circleProgress({ value: 0.32 - 0.104, startAngle: (0.104 * 2 - 1) * Math.PI });
$('#circle_03').circleProgress({ value: 0.516 - 0.32, startAngle: (0.32 * 2 - 1) * Math.PI });
Though I'm not sure if I understand your task correctly :)
from jquery-circle-progress.
WOW!!! Thanks so much for your quick response! That's exactly what I was looking for - and I would have never found the solution! I am overwhelmed and totally depressed at the same time :-) :-( because I simply do not understand the WHY behind that solution. E.g. why is there a "-1" in the PI-multiplication...
However: THANK YOU VERY MUCH!!! You're awesome!
from jquery-circle-progress.
You're welcome! ;) About detailed explanation - I could write few words about it in docs when I will have time for that
from jquery-circle-progress.
Hi,
Very great plugin, the only small and good i found on web. Im in truble to set angle. I want start to 0° so start from top center, but not able to found the formula.
If you have time tell me thanks!
Federico
from jquery-circle-progress.
Thanks, @skiokko! Try next configuration option: startAngle: -Math.PI / 2
from jquery-circle-progress.
Thank you work perfectly!
from jquery-circle-progress.
I had the same problem with start angle as @skiokko
Can you add to documentation what is the value (type of value) that receives this parameter.
Wouldn't it be logical that this parameter indicates in degrees?!
from jquery-circle-progress.
@markocrni: in JavaScript world (as well as in Java, Python, etc), usually angles are measured in radians, not degrees. I didn't mention this because I thought it's obvious.
BTW, in documentation I have this: startAngle
defaults: -Math.PI
, which is -3.14159...
, not -180
, if you'll do console.log()
.
from jquery-circle-progress.
Related Issues (20)
- Adding to Google Web Designer
- Drawing a rectangle
- Unable to import in a vue project
- Add a drop shadow to the circles
- Conflict With Other Libraries (Waypoints) when loading with RequireJs, Loads jquery twice
- Progress Bar is moving faster than percentage HOT 1
- RTL HOT 1
- Arc inside circle
- Load animation on viewport
- NaN
- allow passing custom jQuery into UMD factory
- Text in the middle of the circle HOT 5
- How to stop and start (circleProgress)
- How to Change Color Dynamically on "circle-animation-progress"
- Can it be set as 100% based on Seconds? HOT 1
- startAngle seems HOT 2
- [Solved] Change the class
- Can we make the color change at 100% and above?
- How to add gradient color through html like the way we add color ?? (<div class="circle" data-fill="{ "color": "rgba(0, 0, 0, .3)" }" ></div>) HOT 1
- No onDone function support
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-circle-progress.