Question

为什么我会收到例外

未捕获错误：找不到图表容器元素

使用morris.js时？

Answer 1

解决方案：将javascript放在morris.js div

之后

来自tiraeth的这篇文章： https://github.com/morrisjs/morris.js/issues/137

Answer 2

如果不是＆＃39;使用此页面上的图表，您可以这样做：

转到morris.js

改变它：之前：

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

Answer 3

当我使用node.js框架时遇到了这个问题。取出包含morris图表的脚本标签和html文件底部的jquery为我工作。我正在使用Require.js来加载我的项目的依赖项。我希望这会有所帮助。

Answer 4

JavaScript的代码在DOM包含#annual元素之前执行。将javascript放在div之后或使用jQuery.ready（）

Answer 5

试试这个

<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.js

5 个答案: