示例说明
在电子表格中,图形的宽度和高度是固定的,当数据量较多时,图形显示可能会不太美观。如下:
数据量少时:
数据量多时:
可通过宏代码动态修改图形的高度,以达到更美观的效果。如下:
数据量少时:
数据量多时:
设置方法
- 在电子表格设计器 Excel 中,创建一张电子表格报表。
- 其中图形在第一个sheet,如下:
- 图形所使用的数据在第二个sheet,如下:
- 在浏览器的资源定制节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面。
- 在报表宏界面新建服务器端模块,在弹出的新建模块对话框中选择对象为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);
} |
borderColor | #BBBBBB |
---|---|
bgColor | #F0F0F0 |
borderWidth | 1 |
borderStyle | solid |