Php CSS图形-条形图未正确显示
我正试图使用本教程创建一个基于CSS/HTML的图形 但是,我没有将数据直接放入html代码中,而是使用PHP和以下代码从CSV文件导入数据Php CSS图形-条形图未正确显示,php,css,csv,graph,Php,Css,Csv,Graph,我正试图使用本教程创建一个基于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 da
<?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>";
}
?>
为了以防万一,我已经打印了图表的外观。您可以在以下位置看到:我已经解决了这个问题,图像没有正确链接,然后深色条覆盖了浅色条
/* 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;
}