CSS图形 - 酒吧显示不正确

Question

我正尝试使用本教程here创建基于CSS/HTML的图形。

但是，不是将数据直接放入html代码中，而是使用PHP使用以下代码从CSV文件导入它。

<?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>"; 
} 
?> 

的值被正确地放置在图表上，但杆没有出现。 CSS代码我对酒吧是：

/* 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; 
} 

万一有帮助，我已经打印筛选的图形应该是什么样子。你可以看到它在：http://allured.info/graph/failgraph.png

Answer 1

我已经解决了这个问题，图像没有正确链接，然后颜色较深的酒吧覆盖较轻的一个。