给出“$.plot 不是函数”的图表
Flot charts giving "$.plot is not a function"
我正在尝试绘制图表,但我一直 运行 进入此错误:
TypeError: $.plot is not a function
我在自己的函数之前导入了所有需要的 javascript。
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在页面底部(我也试过放在head里,还是一样的错误)
在服务器上找不到 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 版本。
我正在尝试绘制图表,但我一直 运行 进入此错误:
TypeError: $.plot is not a function
我在自己的函数之前导入了所有需要的 javascript。
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在页面底部(我也试过放在head里,还是一样的错误)
在服务器上找不到 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 版本。