morris.js 图形容器元素未找到答案

【问题标题】：morris.js Graph container element not foundmorris.js 图形容器元素未找到
【发布时间】：2013-08-11 21:15:27
【问题描述】：

为什么会出现异常

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

当使用morris.js时？

【问题讨论】：

当您想在 Stackoverflow 上分享答案时，请发布描述问题的问题，然后单独发布答案并将其标记为您问题的有效答案。这样它会得到更多的曝光。

标签： javascript morris.js

【解决方案1】：

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

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

【讨论】：

与 angularjs 和指令一起使用时。您可以将其包装在 $timeout 中。

【解决方案2】：

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

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

像这样改变它：之前：

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

【讨论】：

我想将它添加到我的代码中。我在哪里可以添加这个？

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案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>

【讨论】：