Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

specify custom width for svg circle #56

Closed
upender15 opened this issue Jan 21, 2016 · 4 comments
Closed

specify custom width for svg circle #56

upender15 opened this issue Jan 21, 2016 · 4 comments

Comments

@upender15
Copy link

I'm using this as a small dashboard which shows 6 svg circles with different values. I tried to specify custom width to make circles small but I couldn't. Any help please?
something like this in the image:

f562ec138713efd00c7d3727a1ff4570

@crisbeto
Copy link
Owner

I'm not sure the size of what you're referring to. Do you want to specify the size of the whole progressbar or just the background?

@upender15
Copy link
Author

I want to specify svg width of whole progress bar circle.
Like this:
progressbar

@crisbeto
Copy link
Owner

You need to use the radius option. The width of the circle (the diameter) is equal to 2x whatever is specified as the radius, e.g. if you want a circle of width 100, you need to set the radius to 50.

@upender15
Copy link
Author

yeah this works. Thanks...!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants