![](/img/trans.png)
[英]How to debug morris.js 'Graph container element not found' error
[英]morris.js Graph container element not found
解决方案:将javascript放在morris.js div之后
来自 tiraeth 的这篇文章: https : //github.com/morrisjs/morris.js/issues/137
如果不使用此页面上的图表,您可以这样做:
像这样改变它:之前:
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.