Bonjour,

Je cherche a faire un graphique en utilisant des div comme point, je veux les placer dans une div mais le problème est qu'ils sont sur tout l'écran

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
  <html>
  	<head>
  		<style>
                        #graphe {
                                width: 100%;
                                height : 300px;
                                border : 50px;
                                border: 1px solid black;
                                background-color: white;
                        }                       
                        .cercle {
                                width: 3px;
                                height: 3px;
                                border-radius: 20px;
                                position: absolute;
                                display: block;
                        }
                        .voie0 { background: green; }
                        .voie1 { background: blue; }
                </style>
  		<html lang='fr'>
  		<title>Infos Maison</title>
  	</head>
  	<body style='background-color:#5DADE2;'>
  		<center>
  			<font size='7'>Graphique</font>
  		</center>
		<br><br>
  		<div id='graphe'>
 
  		</div>
 
  	</body>
  </html>

Je souhaite que les points de mon graphique soient uniquement dans ma div d'ID graphe

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
var point = document.createElement('div')
point.id = 'Courbe ' + datas[ii][0] + ' le ' + strToDateUS(datas[i][1]);
point.className = 'cercle voie' + datas[ii][0];
document.getElementById('graphe').appendChild(point);
point.style.top = 100 - ((datas[ii][2] - yMin) * 100 / total) + '%';
point.style.left = ii * 100 / (datasX.length+20) + '%';
Nom : graphique.png Affichages : 271 Taille : 14,3 Ko

Comment faire pour que mon graphique reste dans ma DIV ?

J'utilise les % pour que les points se repositionnent quand je redimensionne ma fenêtre

Il y a peut être une autre solution mais je n'arrive pas voir comment

Merci pour vos conseils