我试图得到一个简单的测试页面与一个工作的条形图使用莫里斯。这是我的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Morris Test</title>
<!-- Morris Charts CSS -->
<link href="css/plugins/morris.css" rel="stylesheet">
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Morris Charts JavaScript -->
<script src="js/plugins/morris/raphael.min.js"></script>
<script src="js/plugins/morris/morris.min.js"></script>
<script>
$(function(){
Morris.bar({
element: "bar",
data: [
{"x": 1, "y": 5},
{"x": 2, "y": 10},
{"x": 3, "y": 15}
],
xkey: "x",
ykeys: ["y"],
labels: ["my graph"]
});
});
</script>
</head>
<body>
<div id="bar"></div>
</body>
</html>当我打开这个页面时,我得到了错误TypeError: Morris.bar is not a function。我已经仔细检查了Morris.min.js和Raphael.min.js的路径是否正确,我想不出函数无法工作的其他原因。
发布于 2014-12-08 23:47:10
这是错误的语法,请使用
Morris.Bar({ ... });代替Morris.bar
https://stackoverflow.com/questions/27361443
复制相似问题