页面树结构
转至元数据结尾
转至元数据起始

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如报表使用冻结,或多个宏代码冲突等),需根据实际需求开发代码。

示例说明     

在电子表格中,图形的宽度和高度是固定的,当数据量较多时,图形显示可能会不太美观。如下:

数据量少时:


           

数据量多时:

可通过宏代码动态修改图形的高度,以达到更美观的效果。如下:

数据量少时:


  

数据量多时:

设置方法

  1. 电子表格设计器 Excel 中,创建一张电子表格报表。

  2. 其中图形在第一个sheet,如下:


  3. 图形所使用的数据在第二个sheet,如下:



  4. 在浏览器的资源定制节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面

  5. 在报表宏界面新建服务器端模块,在弹出的新建模块对话框中选择对象为spreadsheetReport;事件为onBeforeOutput;并把下面的服务器宏代码复制到代码区域,根据实际情况进行修改。

服务器宏类型

类型

对象

事件

ServerSide

spreadsheetReport

onBeforeOutput

服务器宏代码

function main(spreadsheetReport) {
    var sheet = spreadsheetReport.workbook.worksheets.get(0);
    //获取需要动态设置高度的图形,"图表 1"是图形名称
    var shape = sheet.shapes.get("图表 1");
    var cells = sheet.cells;
    //图形的数据在第二个sheet,获取第二个sheet
    var sheet1 = spreadsheetReport.sheets[1];
    //图形上的数据系列是第二个sheet的B3和C3字段,获取该数据列字段数据扩展数据的数量
    var PosList = sheet1.getExpandedPositions("B3");
    //判断数据数量多少,动态设置图形高度
    if (PosList.length > 0 && PosList.length < 5) shape.setHeight(200);
    else shape.setHeight(300);
}


资源下载:电子表格图形高度自动变化.xml