Comment afficher avec précision les résultats de calcul des numéros de points flottants dans le graphique à barres Echarts?

Explication détaillée du contrôle de la précision du nombre de points flottants de l'histogramme

Lors de la création de graphiques à barres avec des écharts, il est crucial d'afficher avec précision les valeurs. Cependant, la limitation de précision de l'opération de nombre de points flottantes JavaScript peut entraîner des numéros redondants tels que "348.900000000001" dans le résultat de l'affichage. Cet article fournit une solution efficace aux problèmes de précision qui surviennent après la somme des données backend.

Problème: limite de précision du point flottant javascript

Le résultat de la sommation des données backend (par exemple, 2897.3 5451.6) n'est pas le 8348.9 prévu, mais le 8348.900000000001. Ce n'est pas une faille d'Echarts, mais un problème de précision inhérent dans les opérations de numéro à point flottante JavaScript. L'utilisation de ces résultats directement pour l'affichage des graphiques à barres n'est ni belle ni précise.

Solution: sélectionnez le nombre approprié de décimales en fonction de la précision des données

Bien que la méthode toFixed(n) puisse contrôler le nombre de décimales, il ne peut pas résoudre complètement le problème de précision. Trop de chiffres conservés peuvent encore avoir des écarts de précision, tandis que trop peu de retenus perdront la précision. Les opérations d'addition de simulation de chaînes sont trop complexes et sujets aux erreurs.

La solution la plus simple et la plus efficace est: Sélectionnez le nombre approprié de décimales pour le contourner en fonction de la précision des données. Si le nombre de décimales dans les données d'origine n'est qu'une au maximum (comme 2897.3 et 5451.6 dans l'exemple), la conservation de deux décimales peut assurer un équilibre entre la précision et l'effet d'affichage.

Avant de passer des données à Echarts, utilisez la méthode toFixed(2) pour traiter le résultat de calcul:

 Soit Sum = 2897.3 5451.6;
Soit FormattedSum = sum.tofixed (2); // Gardez deux décimales // ... passez FormattedSum à Echarts ...

Si les données d'origine contient plus de décimales, les paramètres de toFixed() doivent être ajustés en conséquence. Par exemple, si les données d'origine contient trois décimales, vous pouvez utiliser toFixed(3) . La clé est d'équilibrer la précision et les effets d'affichage en fonction de la précision des données et des exigences d'affichage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!