复选框自定义动态统计图的显示效果分析与代码.

最近在做报表参数查询的时候，领导想要查看动态的统计图.第一版的效果如下:


结果是有了,但是效果比较乱,最常用的效果也就三项,其他的项目最好是能自定义显示与隐藏.
第二版的效果如下:


以后需要添加那个项目就可以自己点击右边的名称增加或者减少.


制作的步骤如下:
1.添加复选框控件,绑定需要查询的字段列表.



2.修改控件名字和控件值(也就是初始默认的几项序号)



3. 查询按钮添加点击事件,并填写相应代码.



4.在模版-报表web属性-分页预览下添加加载函数.



5.加载函数代码





希望对大家有帮助,互相学习,互相进步.  因为大家好才是真的好.
为了方便沟通和交流,增加了源码下载.

查询按钮代码如下:

_g().parameterCommit();
var aaa=this.options.form.getWidgetByName('aaa');
var shuju=aaa.getValue();
var zongshuju=aaa.options.data;
//alert(zongshuju.records[2].getValue());
setTimeout(function() {   
    for(var a=0;a<zongshuju.records.length;a++)
{
        click(zongshuju.records[a].getValue());
}
  
    }, 1000);

setTimeout(function() {   
    for(var i=0;i<shuju.length;i++)
{
        click(shuju[i]);
}  
    }, 1000);

分页的加载函数代码如下:

window.click = function(idx) {
        var chart = null;
        for (var a in FR.ChartManager) {
                chart = FR.ChartManager[a];
        }
        var g = chart['0'].chartGlyph;
        var le = g.legendGlyph;
        var items = le.items;
        var bounds = items[idx].bounds;
        var x = bounds.x;
        var y = bounds.y;
        g.legendGlyph.onClick({x:x+5,y:y+10},{});
        g.clearAll();
        g.plotGlyph.refreshAxisGlyph();
        g.draw();
}

{:7_183:}顶起来 ，顶！d=====(￣▽￣*)b

请问加载函数 有什么用呢

简单的说
查询按钮是检索功能  检查你的复选框选择了几个项目,默认是三个
加载函数是执行功能  把你选择上的数据显示在界面.

给楼主点赞，32个赞{:8_209:}

大赞。超赞。。、。。@传说哥 给个精华。。原创类

这个帖子必火！

赞一个{:8_209:}

不错，点赞

为了更方便的沟通与交流
源码文件我放在附件里面了.

{:8_204:}又出现一位大神

很好，刚接触FINEREPORT

好东西{:8_209:}

{:8_209:}