morris.js Graph container element not found

2019-02-05 15:56发布

站内问答 / JavaScript
1186 5 6

Why am I getting an exception

Uncaught Error: Graph container element not found

when using morris.js?

5条回答
Emotional °昔
2楼-- · 2019-02-05 16:19

Try This

<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>
查看更多
0人赞 添加讨论(0) 举报
男人必须洒脱
3楼-- · 2019-02-05 16:21

if don' t use the chart on this page, you can do this:

  1. Go to the line where the exception is throwed in morris.js

  2. change it like this: before:

      if (this.el === null || this.el.length === 0) {
   return;
    // throw new Error("Graph placeholder not found.");
  }
查看更多
0人赞 添加讨论(0) 举报
ゆ 、 Hurt°
4楼-- · 2019-02-05 16:29

JavaScript's code gets executed before the DOM contains #annual element. Put the javascript after the div or use jQuery.ready()

查看更多
0人赞 添加讨论(0) 举报
干净又极端
5楼-- · 2019-02-05 16:31

Solution: Put the javascript after the morris.js div

From this post from tiraeth: https://github.com/morrisjs/morris.js/issues/137

查看更多
0人赞 添加讨论(0) 举报
Root（大扎）
6楼-- · 2019-02-05 16:32

I had this issue when I was using the node.js framework. Taking out the script tags containing the morris charts and the jquery from the bottom of the html file worked for me. I am using Require.js to load the dependencies for my project instead. I hope this helped.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)