用户工具

站点工具


侧边栏

1.bi与可视化saca.dataviz:5图册:5.15图表联动并且能够切换其他自由块显隐的实现方法

5.15地图联动并且能够切换图表类型的实现方法

DataViz V5.5.01之后的版本支持此种用法

1.tab绑自由块,需要切换显示的自由块分为 N组,绑到N个tab标签下。

参考:
http://www.idataviz.com/doc/userguide/story_resource.html?h=6.3.8.2.3%20%E7%BB%91%E5%AE%9A%E8%87%AA%E7%94%B1%E5%9D%97

2.地图配置自定义函数,在属性栏底部勾选自定义回调方法,在方法定义中编写如下逻辑。

mouseLeftClikEventCallBack = function(data){
    if($rootScope.hasTrigger != data["字段名称"]){ //如果当前点击的省份与上次不同,就要进行tab的切换
        if(data["字段名称"]== '省份1'){ 
            scope.$emit("hide-layers-emit",
                {   
                    target:[ "02567c-94c-b76","abacd2-a92-5f3","400612-3bf-15c"],  //要隐藏的自由块的wid,反向思考
                    tabWids:[ "9b7dce-407-dc6","1ecf82-8ec-db9","5e7fc3-1a1-f26","a122bf-752-b3f"] //N个TAB的wid
                }
            );
        }
        ....
        else if(data["字段名称"]== '省份N'){ //选择省份N,显示第N组自由块
            scope.$emit("hide-layers-emit",
                {
                    target:["592e69-2a5-f7b","abacd2-a92-5f3","400612-3bf-15c"], 
                    tabWids:["9b7dce-407-dc6","1ecf82-8ec-db9","5e7fc3-1a1-f26","a122bf-752-b3f"]
                }
            );
        }
        $rootScope.hasTrigger = data["字段名称"];
    } else { //如果当前点击的省份与上次相同,恢复默认tab显示
        scope.$emit("hide-layers-emit",
                {
                    target:["592e69-2a5-f7b","02567c-94c-b76","abacd2-a92-5f3"], 
                    tabWids:["9b7dce-407-dc6","1ecf82-8ec-db9","5e7fc3-1a1-f26","a122bf-752-b3f"]
                }
            );
        $rootScope.hasTrigger = undefined; //是否已触发的标记
    }

    $rootScope.$digest();//触发自由块的显隐
};

前述target与tabWids的获取需要浏览器调试,具体方法参考自定义函数控制tab切换

3.打开地图的详细属性,在第二行添加一项配置,目的是让地图的联动与自定义函数同时生效。

  isAppendLeftKeyCustom: true,

4.隐藏1.中添加的tab控件,属性中把他改为轮播样式就可以了。

5.配置地图的联动,勾选“作为筛选器”,这里是常规配置。

/var/www/html-133/wiki/data/pages/1.bi与可视化saca.dataviz/5图册/5.15图表联动并且能够切换其他自由块显隐的实现方法.txt · 最后更改: 2021/03/04 16:45 由 admin