2017-08-16 366 views
5

版本中3比4版本。如果我嘗試了d3.js庫加載到我的筆記本jupyter它正常工作與版本3.X。然後,我可以轉到Chrome控制檯並使用d3對象。d3.js在Jupyter筆記本

from IPython.core.display import display, HTML 
HTML('<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>') 

如果我做同樣的版本4.x版無法使用,即使它顯示在Chrome開發人員工具的源標籤。

from IPython.core.display import display, HTML 
HTML('<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>') 

我在做什麼錯?

+1

https://stackoverflow.com/questions/39335992/d3-4-0-does-not-create-a-global-d3-variable-when進口jupyter筆記本 –

+0

謝謝你的提示。這真的幫助我解決了這個問題 – jugi

回答

1

得到了註釋中的鏈接的答案,但實際上我在D3的路徑的末尾留出的.js因爲requirejs自動添加它,因此它試圖打電話https://d3js.org/d3.v4.js.js返回404

在jupyter爲我工作

代碼:

from IPython.core.display import display, HTML 
HTML(''' 
<script> 
    requirejs.config({ 
     paths: { 
      d3: 'https://d3js.org/d3.v4' 
     } 
    }); 

    require(['d3'], function(d3) { 
     window.d3 = d3; 
    }); 
</script> 
''')