使用php html生成条形图使百分比正确显示?

时间:2013-03-26 17:31:35

标签: php html graph

任何人都可以帮助我尝试使用php和html编写一个简单的代码,我的目标是通过数据库获取我的变量并发布数字并在结尾添加%但是我的代码让我感到困惑。< / p>

最后一个可以工作,但是硬编码。

点击此处查看图片。 http://i.stack.imgur.com/0Apoh.png 我看到的黄色图表以55%的速度显示,其余部分不会填写,如底部图表。

<style type="text/css">
    .red {background-color: red;}
    .green {background-color: green;}
    .yellow{background-color: yellow;}
    .bar { width: 15%; border: 1px solid #000; background: grey; }
    </style>


    <?php   
    if ($percentage >= 51 && $percentage <= 74) {
    echo "<div class=\"bar\" align=\"left\"><div class=\"yellow\" style=\"width: $percentage %\">$percentage test</div></div>";
    } else if ($percentage >= 75){
    echo "<div class=\"bar\" align=\"left\"><div class=\"green\" style=\"width: $percentage \"%\">$percentage test</div></div>";
    } else if ($percentage >= 0 && $percentage <= 50) {
    echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:46%\">$percentage test</div></div>";
    }
    ?>

2 个答案:

答案 0 :(得分:0)

我看不出你如何获得百分比值,但我可以看到你用3种不同的方式定义你的风格: 第一个会产生:宽度:33像素;这是正确的,但第二个是错的,右边是:

echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:$percenage%\">$percentage test</div></div>";

echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:".$percentage."%\">$percentage test</div></div>";

这是为了完成上述答案。 我忘了你也可以使用!important参数。 ...宽度:$ percantage%!important;

答案 1 :(得分:-1)

你不能把变量放在字符串中。所以你应该这样做:

if ($percentage >= 51 && $percentage <= 74)
    echo "<div class=\"bar\" align=\"left\"><div class=\"yellow\" style=\"width:". $percentage." %\">".$percentage." test</div></div>";