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

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

示例说明     

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

                       


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

数据量少时:

  


数据量多时:

设置方法

  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);
    }

资源下载:migrate.xml

  • 无标签