Drupal 7.x模块中正确调用D3.js对象的方法咨询

嘿，这个问题我之前在Drupal 7里折腾过，Uncaught ReferenceError: d3 is not defined本质就是D3.js还没被正确加载到页面里，或者加载顺序不对。下面是一步步解决的方法：

Drupal 7有自己的资源管理机制，不能直接在自定义JS里硬写引用，得用它的API把D3加入资源队列：

方法一：通过CDN加载 #

在你的自定义模块的.module文件里，用hook_init()或者hook_page_build()钩子添加CDN链接：

function mymodule_init() {
  // 这里用D3 v7的CDN，你可以换成自己需要的版本
  drupal_add_js('https://d3js.org/d3.v7.min.js', 'external');
}

方法二：本地文件加载 #

如果不想用CDN，把D3的JS文件放到模块的js/目录下（比如sites/all/modules/mymodule/js/d3.v7.min.js），然后用下面的代码添加：

function mymodule_init() {
  $d3_path = drupal_get_path('module', 'mymodule') . '/js/d3.v7.min.js';
  drupal_add_js($d3_path);
}

为了保证D3在你的可视化代码之前加载，一定要给自定义JS声明依赖。比如你的自定义JS是mymodule_graph.js，在.module里这么写：

function mymodule_init() {
  // 先加载D3
  $d3_cdn = 'https://d3js.org/d3.v7.min.js';
  drupal_add_js($d3_cdn, 'external');
  
  // 加载自定义JS，并声明依赖D3
  $custom_js_path = drupal_get_path('module', 'mymodule') . '/js/mymodule_graph.js';
  drupal_add_js($custom_js_path, array(
    'dependencies' => array($d3_cdn),
  ));
}

如果是本地D3文件，依赖就写本地文件的路径：

'dependencies' => array($d3_path),

刷新页面后，打开浏览器控制台（F12），输入d3回车，如果能返回D3的对象，说明加载成功了。这时候再运行你的可视化代码就不会报错了。

你代码里的console.lo...应该是console.log()的笔误，记得修正，不然语法错误也会影响代码执行哦。

内容的提问来源于stack exchange，提问作者user299791