2015-01-06 123 views
0

我正在建立一個BMI(身體質量指數)計算器,一切工作正常,但現在我想添加一個指針圖像指示BMI的結果。Javascript bmi計算器指針位置

我的問題是,我不知道要使用什麼公式來計算指針將落在何處以及在圖像上正確定位指針。

所以如果結果是21.5我希望指針位於圖像上21.5的位置。

請看附件看正是我想要的達到

enter image description here

謝謝

+0

什麼是單獨盒體的寬度更清晰的鏈接iomplementation?差距有多大? –

+0

我想這一切都取決於你用於圖形表示的方法,你將使用哪種方法還不清楚。 – Xotic750

+0

爲什麼你的廣場有相同的寬度? BMI通常在15到40之間,正常BMI的第一個值應該是18.5。這不在你的圖片中。您的範圍因此關閉。好的,你可以這樣做,但你有什麼努力來計算不同的比率?你有沒有考慮改變寬度以匹配實際結構? –

回答

1

看我自己怎麼了非常新的JavaScript,我真的不知道該怎麼像你圖像是如何構建的(如果它全是一個大盒子或幾個較小的盒子),我只是給你我的觀點。

假設你有四個獨立的盒子,我們以綠色盒子爲例。 如果框範圍爲20至25 BMI然後根據其次

我想接近它MaxBMI - MinBMI =範圍(在案件20和25,範圍是5)

然後把你目前的體重指數(以這種情況下,21.5)

CurBMI - MinBMI = DistanceFromMin(在這種情況下距離爲1.5)

然後簡單地採取(lengthOfBox /範圍)* DistanceFromMin,你知道箭頭的位置。

如果這沒有回答你的問題,我希望你可以更好地指出問題。 (這真是我在StackOverflow上的第一個答案:P)

0

如何使用百分比?

可以說你的圖像是200px,在左邊/左邊緣有一個bmi爲20:你的200px圖像的20%?

如果你能提供更多的細節在你的一些代碼,我可以跟答案