簡體   English   中英

未找到 morris.js 圖形容器元素

[英]morris.js Graph container element not found

為什么我得到一個例外

未捕獲的錯誤:找不到圖形容器元素

什么時候使用morris.js

解決方案:將javascript放在morris.js div之后

來自 tiraeth 的這篇文章: https : //github.com/morrisjs/morris.js/issues/137

如果不使用此頁面上的圖表,您可以這樣做:

  1. 轉到morris.js中拋出異常的那一行
  2. 像這樣改變它:之前:

     if (this.el === null || this.el.length === 0) { return; // throw new Error("Graph placeholder not found."); }

我在使用 node.js 框架時遇到了這個問題。 從 html 文件的底部取出包含莫里斯圖表和 jquery 的腳本標簽對我有用。 我正在使用 Require.js 來加載我的項目的依賴項。 我希望這有幫助。

JavaScript 的代碼在 DOM 包含 #annual 元素之前執行。 將 javascript 放在 div 之后或使用 jQuery.ready()

試試這個

<head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script>
</head>
<body>
    <div id="donut-example"></div>

                    <script type="text/javascript">
                        Morris.Donut({
                            element: 'donut-example',
                            data: [
                              { label: "Download Sales", value: 12 },
                              { label: "In-Store Sales", value: 30 },
                              { label: "Mail-Order Sales", value: 20 }
                            ]
                        });
                    </script>

    </div>
</body>

我復制了一些包含morris實現的腳本並遇到了這個問題。 顯然,腳本正在初始化 3 個morris圖表,而在我的HTML中我只實現了 1 個元素,因此無法為不存在的元素初始化條形圖

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM