Obiee+echarts实例之100%竖堆叠图

一、效果图

1、这是用Obiee + echarts做出来的堆叠图，效果如图：

 

2、数据（数据库随机生成的数，仅供参考），如图：

PS：

1、由于echarts不能识别带“%”的数字，所以就设为带两位小数的数字，然后再在代码里面加“%”进去就可以了，显示效果是一样的。

2、由于这里要达到百分百堆叠的效果，所以要先将需要的数据计算好，每一行的和都是100（%）。

 

二、代码解析

前缀：

  <!-- 引入 ECharts 文件 -->

<scriptsrc="/analyticsRes/echarts/dist/echarts.js"></script> 

 <!-- 为ECharts准备一个具备大小（宽高）的Dom -->

<divid="dom211"style="width:680px;height:300px;"></div>

<scripttype="text/javascript">