jqmeterで100%になってしまう

質問

お世話になります。

javaScriptは初心者なので説明が拙く見づらいかもしれませんが
何卒ご容赦頂ければと思います。

早速質問なのですが、JQueryのプラグインにjqmeterという
プログレスバーを表現できるものがあるのですが、
これがgoal > raisedとなっているにも関わらず
100%と表示されてしまいます。

現象としては、オプション値にあるdisplayTotalをtrueにすると
メーターの結果を％表示にしてくれるようになるのですが、
メーターに与える値を例えば下記のようにすると
本来であれば99%となってほしいところを、100%となってしまいます。
■設定値
goal:'1000'
raised:'999'

値が小さいと問題ないようなのですが、
双方大きくなったときの差が小さいとどうやらダメなようです。

調べた限りですと、jqmeter.min.jsの
e(t).children(".outer-therm").children(".inner-therm").children().text(Math.ceil(this.Counter)+"%")
というところで％表示しているようなのですが、
ここのMath.ceilの影響で切り上げされているから、というところまではわかりました。

しかし、ここを仮にMath.floorにすると今度はgoal = raisedとなっているのに
99%となってしまいます。

そこでthis.Counterがどういう値になっているのか確認したところ、
・goal:'1000'
・raised:'999'
で99%にはなるようになったのですが、
下記の設定値では
・goal:'1000'
・raised:'1000'
何故か100%にならず以下のような結果が返ってきます。
・this.Counterの結果値：99.99500359598767（％）

そもそもthis.Counterの値が正しくない感じなので、
どうしようもないように思えるのですが
どなたかお分かりになるからご助言ご教示頂けますと幸いです。

よろしくお願いいたします。

回答No.1

Proof4 · ベストアンサー

this.Counterがきっちりした値にならないのは浮動小数点誤差が含まれるためだと考えられます。
対策として、小数点の指定桁数で四捨五入を行ってから天井関数をかける方法があります。

具体的には、jqmeter.min.jsの
Math.ceil(this.Counter)
を
Math.floor(Math.round(this.Counter * 10) / 10)
に書き換えるといかがでしょうか。
小数点第2位の数字で四捨五入を行った後に天井関数をかけています。

goalの数値が変化した場合は四捨五入を行う小数桁を変更する場合がありますが、質問者様のケースではこれでうまく動作すると思います。

お礼

ご回答ありがとうございます。
教えて頂いたとおり、当該箇所を修正してみたところ
想定した結果が返ってくるようになりました。

ありがとうございます！