react-circular-progressbar
react-circular-progressbar copied to clipboard
Can we have ticks around speedometer and Arrow at the end of path value.?
🚀 Feature request
Hello.
Can we add ticks around the meter. Like we have in a Gauge chart.? And an Arrow at the path of the value.? Something like this...
Example
Any help would be Appreciated. Thanks
The "tick marks" are actually doable - I've thrown together a codesandbox that demonstrates that here.
The arrow at the tip of the path is not possible right now. I think it could make sense in a future release to add a way to render whatever you'd like at the tip of the path, which would enable you to do that. Something along the lines of:
<CircularProgressbar renderPathEnd={({cx, cy}) => <circle cx={cx} cy={cy} r={5} />} />
The "tick marks" are actually doable - I've thrown together a codesandbox that demonstrates that here.
The arrow at the tip of the path is not possible right now. I think it could make sense in a future release to add a way to render whatever you'd like at the tip of the path, which would enable you to do that. Something along the lines of:
<CircularProgressbar renderPathEnd={({cx, cy}) => <circle cx={cx} cy={cy} r={5} />} />
Thanks for the update Kevin..... It was helpful. I hop to see more modifications in this on future versions.
The "tick marks" are actually doable - I've thrown together a codesandbox that demonstrates that here.
The arrow at the tip of the path is not possible right now. I think it could make sense in a future release to add a way to render whatever you'd like at the tip of the path, which would enable you to do that. Something along the lines of:
<CircularProgressbar renderPathEnd={({cx, cy}) => <circle cx={cx} cy={cy} r={5} />} />
I'm glad someone meets the same needs as me, is this feature available right now 🤔 ?
Not yet, sorry!
Hello @kevinsqi are there any plans yet to add this functionality? I also could do with this feature...