Question

我试图使用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>

当我打开此页面时，我收到错误TypeError: Morris.bar is not a function。我加倍检查了Morris.min.js和Raphael.min.js的路径是否正确，我无法想到该功能无法正常工作的其他原因。

Answer 1

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

Morris.Bar({ ... });

而不是Morris.bar

无法识别Morris.bar功能

1 个答案: