Question

目标：使用Raphael.js在web2py框架中绘制数据图表/行。

我从http://raphaeljs.com/学到的是，我只需要将JS包含在HTML页面中，然后我就可以使用这些API了。但这就是我所做的：

（1）首先，我将raphael.js和raphael-min.js复制到myapp \ static \ js文件夹。（2）然后我在HTML文件中写了这些：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}}">

window.onload = function() {
var paper = new Raphael(0, 0, 100, 100);
var circle = paper.circle(50, 50, 50);
circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");
}
</script>

此文件会定期加载到index.html中的div。

我预计可以显示一个圆圈但是没有，但我非常确定这个页面是定期加载的。

我在这里做错了什么（当然我做过）？谢谢你的帮助！

Answer 1

尝试使用单独的脚本标记加载库，然后运行代码：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}}"></script>

<script>
window.onload = function() {
var paper = new Raphael(0, 0, 100, 100);
var circle = paper.circle(50, 50, 50);
circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");
}
</script>

Answer 2

我不确定这是不是你的问题，但不是只导入一个然后在文件中写另一个，你可以在一个src中完成所有这样的分配：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}} {{=URL('static', 'other_function.whatever_extension}}">

这将导入两个脚本。您可以根据需要添加任意数量，甚至可以更改路径。

在web2py中使用Raphael.js在页面上未显示画布

2 个答案: