palerdot/react-d3-speedometer

Configuring the needle size.

Closed this issue · 2 comments

thanh121094 commented

Hi all, Hi @palerdot ,
I'm using react-d3-speedometer for my project and I have a problem with the size of needle.
I can not find any solution about set size of the needle which is too long.
Observe the following image. In the left image, the text value is overrided by the needle. I can only set the needle color by the needleColor property.
333333

Can it be resolved with d3-speedometer? Thanks.
Thanhnv from Thinklabs - Vietnam

palerdot commented

I will add a new config needleHeightRatio which should be between 0 and 1. Right now, it is 0.9 which is default. You can adjust this to your needs something like 0.7 which will reduce the needle height. Since this is not a breaking change, I will just release it as 0.4.2 patch with extra needleHeightRatio config

palerdot commented

needleHeightRatio config is added and published in v0.4.2. You can check a live example here

Please update to 0.4.2 version and hope this resolves your issue. Please reopen this issue, if you face any difficulties

  • 👍1