dygraphsAan de slag met dygraphs


Opmerkingen

Deze sectie geeft een overzicht van wat dygraphs zijn en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in dygrafen vermelden en een link naar de gerelateerde onderwerpen bevatten. Omdat de documentatie voor dygraphs nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Installatie of instellingen

Maak een bestand met de naam hello.html met de volgende inhoud:

<!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>
 

Dit laadt de dygraphs JavaScript en CSS van een CDN .

Het bit in de tag <script> maakt de grafiek. Het specificeert een gegevensset met twee reeksen: "Appels" en "Sinaasappelen", evenals de x-as.

Zie de tutorial over dygraphs voor meer informatie