Hallo,
ich wollte gerne ein script in asp.net mit c# machen, welches mir auf html und css basierende Balken Diagramme erzeugt.
Die diagramme sollen so aussehen, dass man in den negativen bereich gehen kann. Hierzu gibt es ein strich in der mitte und oben drüber sind die positiven und unten drunter sind die negativen balken.
Ich habe mir gedacht, dass man das ganze ja recht gut mit divs machen könnte, denen ich dann Höhe und Breite vergebe, mit einer Farbe fülle und dann nebeneinander stelle.
Anfangen wollte ich, erstmal statisch mit html und css.
Und auch erst einmal nur mit positiven werten.
Ich habe schon ein wenig mit float und position rumgespielt und listen versucht...
Aber da ich ziehmlich lange nichts mit css gemacht habe und total raus bin
habe ich keine Ahnung wie ich das anstellen soll
das sind so meine letzten überlegungen. Wisst ihr wie ich das machen kann?
ich wollte gerne ein script in asp.net mit c# machen, welches mir auf html und css basierende Balken Diagramme erzeugt.
Die diagramme sollen so aussehen, dass man in den negativen bereich gehen kann. Hierzu gibt es ein strich in der mitte und oben drüber sind die positiven und unten drunter sind die negativen balken.
Ich habe mir gedacht, dass man das ganze ja recht gut mit divs machen könnte, denen ich dann Höhe und Breite vergebe, mit einer Farbe fülle und dann nebeneinander stelle.
Anfangen wollte ich, erstmal statisch mit html und css.
Und auch erst einmal nur mit positiven werten.
Ich habe schon ein wenig mit float und position rumgespielt und listen versucht...
Aber da ich ziehmlich lange nichts mit css gemacht habe und total raus bin
habe ich keine Ahnung wie ich das anstellen soll
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<style type="text/css">
<!--
div.barChart{
width: 300px;
}
div.barChart div.positive{
border: 1px solid rgb(255,0,0);
}
div.barChart div.content{
position: absolute;
}
div.barChart div.identifier{
position: absolute;
}
div.barChart div.bar{
width: 100px;
position: absolute;
background-color: #0000FF;
}
div.barChart div.identifier div{
width: 100px;
}
//-->
</style>
<body>
<div class="barChart">
<div class="title">Balken Diagramm</div>
<div class="content">
<div class="positive">
<div class="bar" style="height:100px; left:0px; top:0px">1</div>
<div class="bar" style="height:150px; left:100px; top:0px">2</div>
<div class="bar" style="height:80px; left:200px; top:0px">4</div>
</div>
<div class="identifier">
<div style="left:0px; top:0px">Jan</div>
<div style="left:100px; top:0px">Feb</div>
<div style="left:200px; top:0px">Mar</div>
</div>
</div>
</div>
</body>
</html>das sind so meine letzten überlegungen. Wisst ihr wie ich das machen kann?
