javascript - Morris.bar 函数无法识别

我正在尝试使用莫里斯获得一个带有工作条形图的简单测试页。这是我的代码。

<!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 的路径是否正确，我想不出该函数无法工作的其他原因。

最佳答案

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