ReportStudio入门教程(六十二) - JS-可变宽度的图表

这回我们再介绍一段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.运行下看

还不错吧，挺实用的

好了，这回就到这里