28

为什么我会遇到异常

未捕获的错误：未找到图形容器元素

什么时候用morris.js？

4

5 回答 5

32

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

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

于 2013-09-18T18:01:32.840 回答
7

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

  1. 转到morris.js中抛出异常的那一行

  2. 像这样改变它：之前：

      if (this.el === null || this.el.length === 0) {
   return;
    // throw new Error("Graph placeholder not found.");
  }
于 2017-10-12T13:06:53.593 回答
2

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

于 2015-08-17T14:26:51.900 回答
0

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

于 2015-02-16T13:29:42.663 回答
0

尝试这个

<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>
于 2017-04-10T06:29:55.767 回答