Javascript 无法识别Morris.bar函数

Javascript 无法识别Morris.bar函数,javascript,morris.js,Javascript,Morris.js,我正在尝试使用Morris获得一个带有工作条形图的简单测试页面。这是我的密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Morris Test</title> <!-- Morris Charts CSS --> <link href="c

我正在尝试使用Morris获得一个带有工作条形图的简单测试页面。这是我的密码

<!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>

莫里斯试验
$(函数(){
莫里斯酒吧({
元素:“条”,
数据:[
{“x”:1,“y”:5},
{“x”:2,“y”:10},
{“x”:3,“y”:15}
],
xkey:“x”,
ykeys:[“y”],
标签:[“我的图形”]
});
});

当我打开此页面时,我得到一个错误
TypeError:Morris.bar不是一个函数
。我已经仔细检查了Morris.min.js和Raphael.min.js的路径是否正确,我想不出函数无法工作的另一个原因。

这不是正确的语法,请使用

Morris.Bar({ ... });

如果在正文中移动内联脚本,请尝试三重检查,而不是
Morris.bar

。使用控制台或查看源代码,打开JS文件路径并进行检查。