0

データベースから棒グラフの統計情報を表示するスクリプトを作成しようとしています。これを行うには、異なる色でバーを別のバーの上に描画することを考えたので、結果は 2 色のバーになり、同時に 2 つの値を表示できます。

次に、この 2 色のバーをいくつか並べて表示したいと思います。しかし、問題は私が書いたスクリプトにあります。すべてのバーが横に並んで表示されるのではなく、重ねて表示されます。誰かが私が間違っていることを教えてもらえますか??

 $Errors=explode("-",$row['fails']);
    $Total=explode("-",$row['num_col']);

    foreach($Errors as $key => $values)
    {
        $max = $Total[$key];
        $mistakes = $values;
        $scale = 10;

        $Green=$max*$scale;
        $Red=$mistakes*$scale;

        //echo "Result ".($max-$mistakes)."/".$max."<br>";

    ?>
    <html>
    <style>
    .bar1{
        width:40px;
        background-color:red;
        position:absolute;

    }
    .bar2{
        width:40px;
        background-color:green;
        position:fixed;

    }

    .gap{
        width:100px;
        float:left;
    }
    .space{
        width:20px;
        float:left;
    }
    .container {
       width : 40px;
       height: 100px;
       position: relative
 }

    </style>
    <body>
    <?php

        echo'

            <div class="container"><div style="height:'.$Green.'px;" class="bar2"></div> 
            <div style="height:'.$Red.'px;" class="bar1"></div>
            <div style="height:200 px;" class="space"></div></div>

        ';


    }
    ?>
    </body>
    </html>

追加してください、私は数日前に同様の質問をしました: 2 つの異なる色の HTML 垂直バーそして、@Tiago は 2 つのバーを一緒に描画する方法について答えてくれました。

4

1 に答える 1