CSS Grafik-Barlar doğru görünmüyor

1 Cevap php

Bu öğretici here kullanarak CSS / HTML tabanlı grafik oluşturmak için çalışıyorum.

Ancak bunun yerine aşağıdaki kod ile PHP kullanarak bir CSV dosyasından ithal ediyorum html kodu doğrudan veri koyarak.

    <?PHP
/* Open CSV file */

$handle = fopen("defects.csv", "r");
$c = 0;
/* gets data from csv file */
while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
/* stores dates as variable $date */
        $date[$c] = $data[0];
  $c++;
  /* inserts defect data into html code */
  echo "<dd class=\"p" . $data[2] . "\"><span><b>" . $data[2] . "</b></span></dd>";
  echo "<dd class=\"sub p" . $data[3] . "\" ><span><b>" . $data[3] . "</b></span></dd>";
}

echo "</dl>";
echo "<ul class=\"xAxis\">";
/* X AXIS */
/* inserts date data into html code for x axis */
for ($d=0; $d < $c; $d++) {
 echo "<li>" . $date[$d] . "</li>";
}
?>

Değerleri grafik üzerinde doğru yerleştirilmiş ediliyor, ancak çubuklar görünmüyor. Ben barlar için sahip CSS kodu:

/* default column styling */  


 dl#csschart span{
  height:50%;
  background:url(../images/barx.png) repeat-y;
  } 


dl#csschart .sub{
 margin-left:-33px;

}
dl#csschart .sub span{
 background:url(../images/subBarx.png) repeat-y;
}

Yardımcı olur sadece durumda, ben grafik görünmelidir nasıl ekranlı baskı var. Sen de görebilirsiniz: http://allured.info/graph/failgraph.png

1 Cevap

Ben görüntüleri düzgün bağlantılı değildi ve daha sonra koyu renkli çubuk biri hafif kapsayan oldu, bu çözdük.