Question

我正在尝试使用flot图表，但我一直遇到这个错误：

TypeError：$ .plot不是函数

我在自己的功能之前导入了所有需要的javascripts。

HTML：

<div class="row">
    <div id="monthly_balance" class="col-md-12" style="height: 200px;">
    </div>
</div>

JS：

<script src="//cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdn.jsdelivr.net/excanvas/r3/excanvas.compiled.js"></script>
<script src="//cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js"></script>

<script type="text/javascript">

    $(function () {

    var data = [[1, 12], [2, 25], [3, 4]]; //examplelist

    var options = {
        series: {
            lines: { show: true },
            points: { show: true }
        }
    };

    $.plot($("#monthly_balance"), data, options)
});
</script>

我的js位于页面的底部（我也尝试将它放在头部，但保持相同的错误）。

Answer 1

在服务器上找不到http://cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js文件，因此出错。修复脚本引用，没关系。

例如：http://cdn.jsdelivr.net/jquery.flot/0.8.3/jquery.flot.min.js工作正常。 CDN目前缺少0.8.4版本。

给出“$ .plot不是函数”的Flot图表

1 个答案: