我有以下代码:
<div style='width:635px;height:20px;'>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$neg."%;height:18px;background-color: #BF4F4C;'></div>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$pass."%;height:18px;background-color: #E37A0D;'></div>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$pos."%;height:18px;background-color: #9ABB59;'></div>
</div>
您可以看到 '%' 是一个 PHP 变量 - 由于四舍五入,有时这等于 101%,然后最后一个柱放置在前两个下方而不是旁边。无论如何要阻止这一切?
小提琴:http: //jsfiddle.net/jVter/
PHP:
$pos = number_format(($row[1]/$row[0])*100,0);
$pass = number_format(($row[2]/$row[0])*100,0);
$neg = number_format(($row[3]/$row[0])*100,0);
进一步的代码(这是一个多查询):
SELECT COUNT( ". $r ." ) AS Total,
(SELECT COUNT( ". $r ." ) FROM tresults WHERE ". $r ." >=750) AS Engaged,
(SELECT COUNT( ". $r ." ) FROM `tresults` WHERE ". $r ." >=450 AND ". $r ." <=749) AS Passive,
(SELECT COUNT( ". $r ." ) FROM `tresults` WHERE ". $r ." <=449) AS Disengaged
FROM `tresults`