search

naikus / svg-gauge

Minimalistic, animated SVG gauge. Zero dependencies
MIT License
319 stars 74 forks source link

SpaceX Gauge customization #13

Closed aleonnet closed 6 years ago

aleonnet commented 6 years ago

Hi @naikus, great job! This is not properly an issue, but how can I have the famous SpaceX gauge?

image

I can adjust the angles like below, but I don't see how to configure the unit for example dialStartAngle: 90, dialEndAngle: 0,

Thank you

naikus commented 6 years ago

Hi @aleonnet, the gauge currently does not support multiline labels, there is an issue #9 tracking this and may be solved in the next release. But it is still possible to work around with the current version. Take a look at the codepen demo. I've updated gauge4 to look a bit like the above image. Note that the dial currently does not support multiple colors as you've depicted in the image above.

aleonnet commented 6 years ago

Thank you!

On Sun, 4 Mar 2018 at 01:11 Aniket Naik notifications@github.com wrote:

Hi @aleonnet https://github.com/aleonnet, the gauge currently does not support multiline labels, there is an issue #9 https://github.com/naikus/svg-gauge/issues/9 tracking this and may be solved in the next release. But it is still possible to work around with the current version. Take a look at the codepen demo https://codepen.io/naikus/pen/BzkoLL. I've updated gauge4 to look a bit like the above image. Note that the dial currently does not support multiple colors as you've depicted in the image above.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/naikus/svg-gauge/issues/13#issuecomment-370200628, or mute the thread https://github.com/notifications/unsubscribe-auth/ATqcVwQK9S1pToBCl35GYnCmveBx_I9mks5ta2lqgaJpZM4SbJbl .