区域模板迷你图

您可以使用SpreadJS创建一个 Rangeblock sparkline。这个sparkline函数绑定并返回一个rangetemplate。

语法

Rangeblock sparkline函数使用以下语法:

RANGEBLOCKSPARKLINE( template_range, data_expression )

这个函数有以下参数:

参数	描述
template_range	指向区域模板的区域引用。
data_expression	引用区域模板的对象数据。它接受单元格引用，其值为对象或对象函数的结果。您可以使用OBJECT函数来定义对象。

用户还可以注意到，他们可以使用formatstring函数来绑定单元格中的对象。

RANGEBLOCKSPARKLINE( template-range, @ )

用例

下面的工作簿快照可以让您了解渲染表如何使用模板表中的一系列单元格作为模板，以及如何使用对象函数从数据表中的数据创建对象。

使用代码

此示例创建了Rangeblock sparklines.

<script>
        $(document).ready(function () {
            //初始化spread
            var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 4 });
            //获取活动表
            var activeSheet = spread.getActiveSheet();
            // 启用 DynamicArray
            spread.options.allowDynamicArray = true;
            var renderSheet = spread.getSheet(0);
            var templateSheet = spread.getSheet(1);
            var dataSheet = spread.getSheet(2);
            spread.suspendPaint();
            initTemplateSheet(templateSheet);
            initDataSheet(dataSheet);
            initRenderSheet(renderSheet);
            spread.resumePaint();
        });
        function ImageCellType() {
            this.typeName = "ImageCellType";
        }
        ImageCellType.prototype = new GC.Spread.Sheets.CellTypes.Base();
        ImageCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
            style.backgroundImage = value;
            style.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.center;
            GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, '', x, y, w, h, style, context]);
        }
        function initRenderSheet(renderSheet) {
            renderSheet.name("RenderSheet");
            renderSheet.setColumnCount(8);
            renderSheet.setRowCount(1);
            renderSheet.setRowHeight(0, 400);
            for (var i = 0; i < 8; i++) {
                renderSheet.setColumnWidth(i, 400);
                renderSheet.setFormula(0, i, 'RANGEBLOCKSPARKLINE(TemplateSheet!A2:F11, OBJECT(tblPlayers[#Headers], INDEX(tblPlayers[#Data],COLUMN(),SEQUENCE(COUNTA(tblPlayers[#Headers]),1))))');
            }
        }
        function initTemplateSheet(templateSheet) {
            templateSheet.fromJSON(templateJson);
            templateSheet.name("TemplateSheet");
            var imageCellType = new ImageCellType();
            templateSheet.getCell(2, 1).cellType(imageCellType);
        }
        function initDataSheet(dataSheet) {
            dataSheet.fromJSON(dataJson);
        }
    </script>