Initiation aux dygrammes

Installation ou configuration

Créez un fichier nommé “hello.html” avec le contenu suivant :

<!doctype html>
<html>
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.css">
</head>
<body>
    <div id="chart-div"></div>
    <script type="text/javascript">
        g = new Dygraph(
            document.getElementById('chart-div'),
            [
              [0, 0, 0],
              [1, 1, 1],
              [2, 2, 4],
              [3, 3, 9]
            ], {
              labels: ['X', 'Apples', 'Oranges']
            });
    </script>
</body>
</html>

Cela charge les dygraphs JavaScript et CSS à partir d’un [CDN][].

Le bit dans la balise <script> crée le graphique. Il spécifie un ensemble de données avec deux séries : “Apples” et “Oranges”, ainsi que l’axe des abscisses.

Pour en savoir plus, consultez le [tutoriel dygraphs][1]

[cdn] : https://en.wikipedia.org/wiki/Content_delivery_network [1] : http://dygraphs.com/tutorial.html