2015-10-29 52 views
0

我試圖用情節來創建我的第一張圖表。這是一個django應用程序的一部分。在我的模板我有這樣的:d3沒有被陰謀發現

<script type="text/javascript" src="/static/scripts/heatmap.js"></script> 
<script type="text/javascript" src="/static/scripts/plotly/plotly.min.js"></script> 
<script type="text/javascript" src="/static/scripts/plotly/dependencies/d3.v3.min.js"></script> 

我打電話是在heatmap.js定義的js函數:它看起來像這樣

<script> 
    generate_heatmap(); 
</script> 

function generate_heatmap() { 
    var data = [...]; 
    var layout = { ... }; 
    var graphOptions = {layout: layout}; 
    plotly.plot(data, graphOptions, function (err, msg) { 
     console.log(msg); 
    }); 
} 

我也得到這在js控制檯中:

plotly.min.js:12 Uncaught ReferenceError: d3 is not defined 
n.23../isnumeric @ plotly.min.js:12a @ plotly.min.js:6(anonymous function) @ plotly.min.js:6n.28.../../../../shelly/static/js/plugins/promise-1.0.0.min.js @ plotly.min.js:14a @ plotly.min.js:6t @ plotly.min.js:6(anonymous function) @ plotly.min.js:6(anonymous function) @ plotly.min.js:6(anonymous function) @ plotly.min.js:6 

但是我可以看到d3已經加載,無論是在網絡選項卡還是在控制檯中:

d3 
Object {version: "3.3.5", behavior: Object, event: null, ns: Object, geo: Object…} 

我做錯了什麼愚蠢的事情?

回答

3

您必須更改包含的文件的順序。

<script type="text/javascript" src="/static/scripts/plotly/dependencies/d3.v3.min.js"></script> 
<script type="text/javascript" src="/static/scripts/plotly/plotly.min.js"></script> 
+0

謝謝!就是這樣。 –