d3 mise en page n'est pas définie

En essayant d'utiliser d3.js et vous ne savez pas comment le référencer correctement:

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery-1.7.1.js"></script>
<<<<other scripts>>>
<script src="topbar.js"></script>
<script>
$(function() {
    var n = 4, //number of layers
        m = 64, //number of samples per layer
     data = d3.layout.stack()(stream_layers(n, m, .1)),
    color = d3.interpolateRgb("#aad", "#556");
});
</script>
</head>
...
</html>
  • de la même manière que vous avez fait référence à d'autres js
InformationsquelleAutor quantumpotato | 2011-12-28
  1. 23

    Vous devez inclure d3.layout.js en plus d3.js; la mise en page du module est dans un fichier séparé par défaut. Vous pouvez également faire une version personnalisée de d3.js qui comprend tout ce dont vous avez besoin dans un seul fichier.

    • vrai, mais après incluant la mise en page j'obtiens: d3.relier n'est pas une erreur de fonction à l'intérieur de mise en page du module. Comment résoudre ce problème?
    • Je suis également d'avoir un d3.relier n'est pas une fonction d'erreur... je ne peux que trouver un lien vers le fichier de mise en page ici... je suis en utilisant d3 v4.1.1, mais ne peut pas trouver la version de la mise en page du module...
    • Où est-il https://www.google.ru/search?q=d3.layout.js?
    InformationsquelleAutor mbostock
  2. 15

    Vous devez utiliser d3.pile à la place.

    De chaque symbole dans D3 4.0 partage désormais un espace de noms plat plutôt que la imbriqués l'un de D3 3.x. Par exemple, d3.l'échelle.linéaire est maintenant d3.scaleLinear, et d3.de mise en page.treemap est maintenant d3.treemap.

    Pour d'autres d3.modifications de mise en page, allez ici: https://github.com/d3/d3/blob/master/CHANGES.md

    • Désolé. Cette Réponse est CORRECTE pour la version 4
    InformationsquelleAutor Tweak3r
  3. 7

    (ce n'est pas la réponse pour cette question)

    Pour les personnes avec le même message d'erreur:

    d3.mise en page n'est pas définie

    Dans mon cas, c'était le problème que j'ai juste un lien directement vers la dernière version (v4)

    https://d3js.org/d3.v4.min.js

    Avec (v3), il est à nouveau au travail.

    https://d3js.org/d3.v3.min.js

    InformationsquelleAutor gfjr