这回我们再介绍一段JS,可以生成可变宽度的简单图表
1.基本报表
Margin数据项:
2.拖一个HTML项目,解锁,再拖4个HTML项目
在这些HTML项目中,我们要存放JS
3.编写JS代码
从左到右,依次为1,2,3,4,5
第2个HTML项目,需要需改源类型,改为数据项值
第3个HTML项目:
第4个HTML项目也修改源类型
第5个HTMl项目:
完整的JS代码:
<script>
var barlen=100*((length_driver)) ;
var barheight=((width_driver)/10) ;
var myBar='<div style="background-color:blue; width:' +barlen+'; height:' + barheight +'"></div>' ;
document.write(myBar) ;
</script>
我们就是将长度和宽度动态的使用数据项值传进去
4.运行下看
还不错吧,挺实用的
好了,这回就到这里