Bagaimana cara memaparkan hasil pengiraan nombor terapung di carta bar echarts?

Penjelasan terperinci mengenai Echarts Histogram Kawalan Ketepatan Nombor Terapung

Apabila membuat carta bar dengan echart, adalah penting untuk memaparkan nilai dengan tepat. Walau bagaimanapun, ketepatan ketepatan operasi nombor terapung JavaScript boleh menyebabkan nombor berlebihan seperti "348.90000000000001" dalam hasil paparan. Artikel ini memberikan penyelesaian yang berkesan untuk masalah ketepatan yang timbul selepas jumlah data backend.

Masalah: Had ketepatan titik terapung JavaScript

Hasil penjumlahan data backend (contohnya, 2897.3 5451.6) bukanlah yang diharapkan 8348.9, tetapi 8348.9000000000000001. Ini bukan kecacatan echart, tetapi masalah ketepatan yang wujud dalam operasi nombor terapung JavaScript. Menggunakan hasil sedemikian secara langsung untuk paparan carta bar tidak cantik atau tepat.

Penyelesaian: Pilih bilangan tempat perpuluhan yang sesuai mengikut ketepatan data

Walaupun kaedah toFixed(n) dapat mengawal bilangan tempat perpuluhan, ia tidak dapat menyelesaikan masalah ketepatan sepenuhnya. Terlalu banyak digit yang ditahan mungkin masih mempunyai penyimpangan ketepatan, sementara terlalu sedikit yang dikekalkan akan kehilangan ketepatan. Operasi tambahan simulasi rentetan terlalu kompleks dan terdedah kepada kesilapan.

Penyelesaian yang paling mudah dan berkesan ialah: Pilih bilangan tempat perpuluhan yang sesuai untuk mengelilingi ketepatan data. Jika bilangan tempat perpuluhan dalam data asal hanya satu paling banyak (seperti 2897.3 dan 5451.6 dalam contoh), mengekalkan dua tempat perpuluhan dapat memastikan keseimbangan antara ketepatan dan kesan paparan.

Sebelum lulus data ke echart, gunakan kaedah toFixed(2) untuk memproses hasil pengiraan:

 Biarkan jumlah = 2897.3 5451.6;
Biarkan FormattedSum = sum.tOfixed (2); // simpan dua tempat perpuluhan // ... lulus formattedsum ke echarts ...

Jika data asal mengandungi lebih banyak tempat perpuluhan, parameter kaedah toFixed() harus diselaraskan dengan sewajarnya. Sebagai contoh, jika data asal mengandungi tiga tempat perpuluhan, anda boleh menggunakan toFixed(3) . Kuncinya adalah untuk mengimbangi ketepatan dan kesan paparan berdasarkan ketepatan data dan keperluan paparan.

Atas ialah kandungan terperinci Bagaimana cara memaparkan hasil pengiraan nombor terapung di carta bar echarts?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!