为了更好的满足客户对系统界面定制化的要求,提高客户体验度,可以设置图像提示来点击实现图片区域使周围图表产生联动。下图是测试的结果,通过创建图像提示,点击图片省份区域使周围图表的组织维度改变参数达到刷新数据的目的。具体设计时需要按方案需求设计布局和调整美化程度。

在BIEE的安装目录下找到,
{MIDDLEWARE_HOME}\instances\instance1\bifoundation\OracleBIPresentationServicesComponent\coreapplication_obips1
路径可以存放在任意的文件目录(包括共享文件服务器),在本例中我们采用建立自定义路径,选择BIEE的安装路径,在此盘中建立D:\BIEE11GRES
复制web文件
将系统自带目录
{Oracle_Home}\bifoundation\web\app\res{MIDDLEWARE_HOME}\instances\instance1\bifoundation\OracleBIPresentationServer\coreapplication_obips1\analyticsRes下的WEB文件夹到D:\BIEE11GRES

登陆Weblogic Admin Console,http://10.1.10.74:7001/console,用户名:Weblogic








在D:\BIEE11GRES下放置map.png格式的图片,测试该图片是否已经可以通过网络访问
http://localhost:7001/BIEE11GRES/map.png
出现下图说明创建成功

利用dreamwear描热点
打开dreamwear,插入图片。选择设计下的(设立多边形区域)。如下图,新疆处为设置好的热点区域。
设置好所有区域热点后,点击代码,考取热点代码。代码从
name=“Map”id=”Map”>开始,到为止。

至此准备工作完成,开始转为在BIEE中去配置
点击新建仪表盘提示,创建图像提示。


点击图像提示,标题:创建的图像提示名称,图像URL即此前创建的共享地址,在这里是http://localhost:7001/BIEE11GRES/map.png。在HTML图像地图位置输入此前在dreamwear里创建好的代码。之后点击确定

在地图的属性位置处维护好相关的列名和具体的成员名,比如列名维护组织名,值维护具体的成员,比如新疆分公司等。点击确定保存。

将做好的提示和做好的分析放入仪表盘内,分析在创建时在过滤器中选择“提示”。即可在前台看到联动效果
点击相应区域,图表也显示相应区域的数据

网友评论