环境:BIEE 11.1.1.7....
背景:
项目UI设计师在页面左侧添加图形显示,由于宽度问题,界面展示为:
1 XXX
指标柱状图 指标值
2 XXX
指标柱状图 指标值
。。。。。。
该展示效果为标签和指标混合展示,找遍图形展示插件,没有发现类似效果。只好另寻它法。
用BIEE分析拿数据,然后利用叙述视图实现。设置每一行图形在展示的时候分为2行,
第1行第1列展示排序序号,第1行第2列展示标签,第1行第3列空置
第2行第1列空置,第2行第2列用2个div展示,第2行第3列展示指标数据
由于该指标值为绝对值的百分比,故设置规则当超过XXX的全部图形展示为xxx,数值正常展示。
把第2行第2列全长分为xxx份,然后根据数据值确认第1个div和第2个div的长度,其中第1个div的背景色显示为图行的展示颜色,第2个div为背景色即可。