Bonjour,

J'ai une question de la famille "débutant".
Je souhaite faire des graphiques qui tiennent la route esthétiquement. Rickshaw (on dit "librairie js" ?) semble convenir à mes besoins.

Voici le code sur lequel je souhaite intervenir:


http://code.shutterstock.com/rickshaw/
Code : 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
 
<!doctype html> 
<script src="/vendor/d3.min.js"></script> 
<script src="/vendor/d3.layout.min.js"></script> 
<script src="/rickshaw.min.js"></script> 
 
<div id="chart"></div> 
 
<script> 
 
var graph = new Rickshaw.Graph( {
    element: document.querySelector("#chart"), 
    width: 300, 
    height: 200, 
    series: [{
        color: 'steelblue',
        data: [ 
            { x: 0, y: 40 }, 
            { x: 1, y: 49 }, 
            { x: 2, y: 38 }, 
            { x: 3, y: 30 }, 
            { x: 4, y: 32 } ]
    }]
});
 
graph.render();
 
</script>

Je veux que le graph apparaisse au chargement de la page dans le navigateur.
Je veux créer un répertoire standard pour mon projet, c'est-à-dire séparer HTML et javascript.

quelqu'un peut-il m'indiquer comment aboutir à mes fins ? (ce que je prends du code original pour le glisser dans un .js et comment j'appelle la fonction pour qu'elle soit appelée à l'affichage).

quelqu'un peut-il aussi me préciser le sens de : <div id="chart"></div> ??
comment le navigateur associe-t'il le nom "chart" à la fonction en question??

merci