[CSS][JavaScript][PHP]Wykres Opcje

[grzes999]

Witam

Nie bardzo wiedziałem gdzie dać ten temat bo może być klika rozwiązań tego problemu.

Otóż muszę zrobić wykres i nie był by z tym problemu bo bibliotek od tego jest dużo.
Tylko że musi on wyglądać jak poniżej. I jest to wykres temperatury czyli kolory są uzależnione od temperatury.



Na razie napisałem taki kod:

[PHP] pobierz, plaintext 
  <? $pogoda = array(array('dzien' => '01.07','temp' => 25),array('dzien' => '02.07','temp' => 20)
		,array('dzien' => '03.07','temp' => 32),array('dzien' => '04.07','temp' => 18),array('dzien' => '05.07','temp' => 10)); ?>
  <table>
                  <tr>
                    <td><img src="images/pogoda/slonce-diagram.jpg" width="25" height="20" alt="slońce"></td>
                  </tr>
                  <? $i = $min_max['max']; foreach ($pogoda as $temp) : while($i >= $temp['temp']) : ?>
                  <tr>	
                  <? if($i <= 0) : ?>
                    <td><img src="images/wykres/niebieski.gif" ></td> <? endif;
			       if($i > 0 && $i <= 10) : ?>
                    <td><img src="images/wykres/zolty.gif" ></td> <? endif;
				   if($i > 10 && $i <= 18) : ?>
                    <td><img src="images/wykres/pomaranczowy.gif" ></td> <? endif;
				   if($i > 18 && $i <= 28) : ?>
                    <td><img src="images/wykres/ciemno_pomaranczowy.gif" ></td> <? endif;
				   if($i >  28) : ?>
                    <td><img src="images/wykres/czerwony.gif" ></td> <? endif;
					 $i-=4; ?>
                  </tr>
                  <? endwhile; endforeach; ?>
[PHP] pobierz, plaintext 

Ale niestety nie działa tak jak bym chciał bo wyświetla mi paski tylko dla jednego dnia i po jednym :/

Mam nadzieję że ktoś ma jakiś pomysł na to.

W zmiennej min_max ma zapisane minimalne i maksymalne temperatury w tablicy.

Ten post edytował grzes999 19.07.2012, 10:40:54

[CuteOne]

[PHP] pobierz, plaintext 
function getColor($int) {
 
     switch($int) {
 
         case $int > 0 && $int <= 4:
             return 'blue';
         break;
 
         case $int > 4 && $int <= 8:
             return 'yellow';
         break;
      ...
      }
}
 
$i = 30; // aktualna temp.
$max = 35; // skala
 
 
$wykres = '';
while($max > 0) {
 
    if($i >= $max) {
 
        $wykres .= '<div class="'.getColor($max).'"></div>';
    }
    else {
 
        $wykres .= '<div class="empty"></div>';
    }
 
    $max--;
}
 
echo '<div class="column">'.$wykres.'</div>';
[PHP] pobierz, plaintext 

Dodaj odpowiednie style oraz pętlę odpowiadającą za dni

[grzes999]

Wielkie dzięki wszystko działa jak należy.