报表展示平台的不同往往意味着看的人的目的不同，大屏展示相对来说，对外展示效果更多，移动端较适用于业务人员，而PC端的则较为复杂。 针对PC端的展示，目前设计方案多如牛毛，在此我仅分享我的方案，还望多多指教： 1、版本1，此版本的特点有：模块与模块间有空隙，body背景与每个图表块/报表块及背景块颜色不同，body块大多为灰色系，每个图表块/报表块为白色，每个图表展示各自的KPI，块与块之间根据需求来定，基本不会呈现出豆腐块状，一般一个界面内的KPI数量不超过9个，同时不低于5个为佳。KPI与KPI之间的放置通常错落有致，以避免豆腐块的情况发生 界面中的图表一般成多样化展示，系列多的情况下尽量用组合图展示，但不建议同时使用多个一样的组合图，如多个柱状折线组合图 在报表块中添加图表，容易产生自适应问题，尤其是单元格内放置试管型仪表盘，若遇到此种状况，我通常会使用堆积条形图来解决 在KPI较多的情况下，可使用tab块切换的方式来实现空间节省，但使用tab块通常会遇到一些问题，如图表的底端与其他图表不在统一水平线、在tab块宽度有限制时添加多个KPI标题时，开发时会比较‘心塞’，尤其是在添加标题添加图表时，若遇到以上情况，我通常会使用报表块的超链接及条件属性的组合方式来实现类似tab块切换功能 2、版本2：此版本与普通版最大的不同是，该版本无间隔，不需要用body的组建间隔来把图表块给分割开，亦不需要body背景与图表块背景不符，相反，他们的背景需要一致。 该版本的界面讲究的是图与图之间要有适当的距离，所谓距离产生美，不能让整个界面看上去密密麻麻，纷乱复杂 124632版本1124631版本2 编辑于 2019-1-29 08:46

1、报表显示字段过长 形态设置——if(len($$$)>20,left($$$,20)+'...',$$$) 其他——内容提示——=$$$ 2、旋风图X轴均为正值显示 X轴轴标签格式 function(){if(this>0) return this; else return this*(-1); } 3、圆圈标记点 1 4、多系列自定义提示（如实际系列数为3个，需求只需界面展示3个系列，但所有系列需在提示时全部展示出来）详见如图： 124606 function(){ return this.category+'' +this.points.seriesName+":"+this.points.value+'' +this.points.seriesName+":"+this.points.value+'' +"XXXX"+":"+Math.round(this.points.value*100,2)+"%" ;}