React Speedometer 百分比值格式显示小数点太多

Question

我正在使用 react-d3-speedometer 在我的 React 网络应用程序上显示速度计，但我运行遇到了问题。

我想使用百分比作为其中一个速度计的值，但默认情况下，svg 中的所有数字都有大约 8 位小数。它看起来像这样：

我用这个速度计的代码如下：

<ReactSpeedometer
                        maxValue={1}
                        value={0.5924}
                        valueFormat="%"
                        width={250}
                        height={150}
                      />

我认为这不应该是默认行为，并且我可能设置了一个错误的值，但我在该网站或开发人员中找不到遇到此问题的其他人。我希望你们中可爱的 Stack Overflow 人中的一个能来救援。预先感谢任何回答的人！

Answer 1

取自此处：https://github.com/d3/d3-format#locale_format： If the precision is not specified, it defaults to 6 for all types except (none), which defaults to 12.

所以你应该尝试在 valueFormat 中使用 .2% 以获得点后的 2 位数字。

<ReactSpeedometer
                        maxValue={1}
                        value={0.5924}
                        valueFormat=".2%"
                        width={250}
                        height={150}
                      />

编辑：为了使用不同的数字，我会选择这个

function Speedometer() {
    const value = 0.8;
    return (
        <ReactSpeedometer
            maxValue={1}
            value={value}
            valueFormat=".0%"
            width={250}
            height={150}
            currentValueText={`${value * 100}%`}
        />
    );
}

React Speedometer 百分比值格式显示小数点太多

React Speedometer percentage value formatting shows too many decimals

javascript

reactjs

d3.js

react-d3-speedometer