FineReport制作人力流入流出瀑布图

先上图


这个是移动端一个报表，所有样式上这么小，但是瀑布图制作的思路是一致的。

1. 使用堆积柱状图
2. 设计好数据源，如下图
其中注意的是脱落人力是要减的，所有下限值为：初期+增员-脱落

3. 图表-> 特效-> 条件显示，设置下限值透明，边框为无
4. 使用自定义标签，控制只显示上限值

1. function(){
   
2.   console.log(`${this.name}_${this.seriesName}:${this.value}`);
   
3.   if (this.seriesName === '上限值') {
   
4.     return (this.name ==='脱落人力'?'-':'' ) + this.value;
   
5.   } else {
   
6.     return '';
   
7.   }
   
8. }

复制代码

5. 使用自定义提示，控制只显示上限值

1. function(){
   
2.   return this.category + ":" + this.points[1].value;
   
3. }

复制代码

6. 自己调下其他细节，完成。



分享模板
瀑布图.cpt (42.07 KB, 下载次数: 23)

2021-7-8 16:22 上传

点击文件名下载附件