如何調試morris.js「圖容器元素未找到」的錯誤

Question

我想顯示morris.js圖

在我的頁面的底部，我有以下。

<script src="/assets/raphael.js?body=1" type="text/javascript"></script> 
<script src="/assets/morris.js?body=1" type="text/javascript"></script> 

<script type="text/javascript"> 
Morris.Line({ 
    element : 'line-example', 
    data : $('#averages-chart').data('averages'), 
    xkey : 'month', 
    ykeys : ['average'], 
    labels : ['Average'] 
}); 
</script> 
</body> 
</html> 

但我發現了以下錯誤控制檯：

Error: Graph container element not found throw new Error("Graph container element not found");

圖表容器是有，因爲它使正確，如果我加載資產管道的JavaScript（但會導致所有其他JavaScript不工作）。

請幫忙調試。

我也曾嘗試：

<script type="text/javascript"> 
$(window).bind("load", function() { 
    Morris.Line({ 
     element : 'line-example', 
     data : $('#averages-chart').data('averages'), 
     xkey : 'month', 
     ykeys : ['average'], 
     labels : ['Average'] 
    }); 
}); 
</script> 

Answer 1

ID爲 '線例如' A HTML DIV不存在。添加它。圖表將顯示在那裏。