javascript - 无法将 d3js 运行到网站(jupyter notebook)

标签 javascript html d3.js jupyter-notebook

我不太了解 html、d3js 或 javascript,但根据 Udacity 中的一些类(class),我可以将 d3js 加载到任何网站,在 Web 开发人员控制台中输入此代码:

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://d3js.org/d3.v4.min.js';
document.head.appendChild(script);

看起来非常简单,它适用于我尝试过的每个页面,除了我的 jupyter notebook。该脚本附加在 <head> 中标签,但它的不透明度非常低,当我尝试运行一些 d3js 代码时它不起作用(运行 d3.select("p"); 给出 ReferenceError: d3 is not defined )。还有其他解决方法吗?

最佳答案

这是因为您需要使 d3 全局化。我在牢房里做的就是这个。 Jupyter 已经加载了 require。

%%javascript
require.config({
    paths: {
        d3: "https://d3js.org/d3.v4.min"
     }
});

require(["d3"], function(d3) {
    window.d3 = d3;
});

关于javascript - 无法将 d3js 运行到网站(jupyter notebook),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44349183/

相关文章:

javascript - 将 php 数组导入 javascript 数据集

html - ReCaptcha 静音帮助和刷新按钮显示不正确

python - Flask 无法加载 CSS 中的图像

javascript - 如何在 d3.scale.ordinal() 中指定域?

javascript - 带有传单的 d3 中沿路径的不正确过渡

javascript - 如何使批处理文件等待 Excel 宏完成

javascript - 从 hover 事件中选择 n 个元素

html - CSS : Align items in flex layout

javascript - 如何从嵌入的外部 svg 文件初始化 d3 svg 元素并对其进行操作

javascript - AngularFire2错误 "ReferenceError: firebase is not defined"