在 Drupal 模块中调用 D3.js 对象的正确方法

Question

我正在尝试使用带有 Drupal 7.x 的 D3 来可视化网络，但我不知道在我的 js 文件中引用 D3 的正确方法是什么。

到目前为止，我可以构建 json 并使用渲染数组将其传递给我的 js 脚本（并在控制台中显示），但随后调用 D3.js 失败：

Uncaught ReferenceError: d3 is not defined

到目前为止，这是我的 js 代码：

(function($){
    Drupal.behaviors.mymodule = {
        attach : function(context, settings) {
            if(Drupal.settings.mymodule.graph_json !== ''){
                // visualize the json
                console.log(Drupal.settings.mymodule.graph_json);
                // create the newtork
                d3.json(Drupal.settings.mymodule.graph_json, function (error, json) {
                if (error){
                    return console.warn(error);
                }
                });
            }
        }
    };
}(jQuery));

我应该在数组中添加一个引用吗？或者由于 D3.js 在 sites/all/libraries/d3 中，那么有一种通用的调用方式吗？

Answer 1

根据您问题底部的陈述：

我应该在数组中添加一个引用吗？或者由于 D3.js 在 sites/all/libraries/d3 中，那么有一种通用的调用方式吗？

您将d3.js 文件放在错误的目录sites/all/libraries/d3.js 中。该文件应位于正确的目录中，如下面的屏幕截图所示。

按照以下步骤操作：

• 下载D3 library
• 提取到sites/all/libraries/d3/
• 确保d3.js文件在正确的目录sites/all/libraries/d3/d3.js

截图：

之后，如果您发现另一个错误Uncaught TypeError: Cannot read property 'linear' of undefined，您应该阅读my answer。

这对我有用。

希望对你有帮助。