2017-06-03 17 views
2

私はhtml、d3js、またはjavascriptについてよく分かりませんが、UDacityのいくつかのコースによれば、Web開発者コンソールでこのコードを入力すると、 :d3jsをウェブサイト(jupyterノートブック)に実行できません

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

かなり簡単で、私のジュピターのノートブックを除いて試したすべてのページで動作しています。スクリプトは<head>タグに追加されますが、実際には不透明度が低く、一部のd3jsコードを実行しようとすると動作しません(d3.select("p");ReferenceError: d3 is not definedとなります)。他の回避策はありますか?

+1

「d3jsを読み込むことはできませんが、「スクリプトが追加された」と言っていますので、*読み込むことができます。 "[...]それは本当に不透明度が低い" - >これはおそらくあなたの本当の質問ですが、それに答えるためにはより関連性の高い詳細が必要です。 –

+0

@le_mあなたは正しいです、それは本当にひどく書いて、ちょうどそれを編集しました。 – Ryunaq

答えて

2

d3をグローバルにする必要があるからです。私がセルでしているのはこれです。 Jupyterは既にロードが必要です。

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

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

これはうまくいきました。私はd3をWebブラウザのコンソールで実行したいのですが、セルではないので(greasemonkeyを使うことができます)、あなたのコードも同様に動作します!ありがとう。 – Ryunaq

関連する問題