0
288
ViewsEl formato del valor porcentual del velocímetro React muestra demasiados decimales
Estoy usando react-d3-speedometer para mostrar los velocímetros en mi aplicación web React, pero tengo un problema.
Quiero usar porcentajes como valores para uno de los velocímetros, pero todos los números en el svg tienen alrededor de 8 decimales por defecto. Se parece a esto: 
El código que uso para este velocímetro es el siguiente:
<ReactSpeedometer maxValue={1} value={0.5924} valueFormat="%" width={250} height={150} />Supongo que este no debería ser el comportamiento predeterminado y que tal vez establecí un valor de forma incorrecta, pero no puedo encontrar a nadie más con este problema en este sitio web ni en los desarrolladores. Espero que uno de ustedes, la gente encantadora de Stack Overflow, pueda venir al rescate. Gracias de antemano a quien responda!
1 answers
Answer question0
Tomado de aquí: 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 .
Por lo tanto, debe probarlo con .2% en el valueFormat de valor para obtener 2 dígitos después del punto.
<ReactSpeedometer maxValue={1} value={0.5924} valueFormat=".2%" width={250} height={150} />Editar: para usar diferentes dígitos iría con esto
function Speedometer() { const value = 0.8; return ( <ReactSpeedometer maxValue={1} value={value} valueFormat=".0%" width={250} height={150} currentValueText={`${value * 100}%`} /> ); }