Com base neste post, criamos a versão do gráfico na vertical.
— index.php
PHP
Grafico de Barras com CSS na Vertical
Porcentagem de Acessos
= $height ?>
} ?>
— estilo.css
#principal{
width:500px;
height: 100%;
margin-left:10px;
font-family:Verdana, Helvetica, sans-serif;
font-size:14px;
}
#barra{
margin: 0 2px;
vertical-align: bottom;
display: inline-block;
}
.cor1, .cor2, .cor3, .cor4{
color:#FFF;
padding: 5px;
}
.cor1{ background-color: #FF0000; }
.cor2{ background-color: #0000FF; }
.cor3{ background-color: #FF6600; }
.cor4{ background-color: #009933; }