BIEE使用d3生成自定义图形

浏览: 2542

问题:

BIEE本身自带了很多种表格和图形的展现方式,甚至在后期加入了格状图这种表格+图形的展现方式。

但格状图在表格中所能使用的图形方式有限,无法在表格中嵌入堆叠图,同时也无法自定义鼠标focus时的提示信息。

但客户有时可能需要表格中的图形形成阶段对比,这时就需要对展现方式进行再调整,比如引用d3.js在表格中自定义图形。

意向图:

 

思路:

对于BIEE本身无法生成的图形或其他展现方式,可以考虑嵌入html(js)自定义来实现,在这次的个例时,使用了d3.js来自定义补充图形。

 

对于d3.js的引用方式如下,下载d3,解压后放入如下目录:

D:\app\OBI\instances\instance1\bifoundation\OracleBIPresentationServicesComponent\coreapplication_obips1\analyticsRes

analyticsRes的开启方式参考:

http://blog.itpub.net/10009036/viewspace-1061273/

 

之后可以通过html的

//mouse on的时候高亮

 

//生成特定div,避免冲突

 

//d3引用数据,并画图

 

4.效果图如下:

 

5.进行简化并排序后,保留图形如下:

推荐 0
本文由 newkoa 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册