加载 jquery、raphael 和 morris 时出现问题

Question

我正在尝试学习在 html 中制作图表，我发现了一个 morris.js 库可以做到这一点。但是我在尝试连接库的阶段遇到了问题。我从morris官网复制了部分，但是不行。进入页面后，我的加载时间很长（几分钟）。有没有人遇到过这样的问题？如何解决页面加载时间过长的问题？

<html>
    <head>
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
    </head>
    <body>
    </body>
</html>

Answer 1

要使用 CDN-hosted 资产，请将 https: 添加到源地址

<html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
    </head>
    <body>
    </body>
</html>

或者如果您想从本地文件系统加载脚本，则只需将地址替换为文件路径即可。

加载 jquery、raphael 和 morris 时出现问题

Problems loading jquery, raphael and morris

javascript

jquery

morris.js