利用浮动对象实现标注区域

CustomBase.prototype.paint = function (
  context,
  value,
  x1,
  y1,
  a1,
  b1,
  style,
  ctx
) {
  if (!context) {
    return;
  }
  if (this.showEffect) {
    if (sels && sels.length !== 0) {
      var row = ctx.row,
        col = ctx.col;
      sels.forEach(function (sel) {
        // 设置当前绘制样式，不会影响导出效果
        var rowSpan = sel.row + sel.rowCount;
        var colSpan = sel.col + sel.colCount;
        if (
          (row >= sel.row && row < rowSpan) ||
          (col >= sel.col && col < colSpan)
        ) {
          style.backColor = "red";
        }
      });
    }
  }
  oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
};

var upperborder = new GC.Spread.Sheets.FloatingObjects.FloatingObject("userId_" + userId + "_upperborder");
// 起始行
upperborder.startRow(row);
// 起始列
upperborder.startColumn(col);
// 结束行
upperborder.endColumn(col + colCount);
// 结束列
upperborder.endRow(row);
// 是否允许移动
upperborder.allowMove(false);
// 是否允许更改尺寸
upperborder.allowResize(false);
// 是否选中
upperborder.isSelected(false);
// 是否锁定
upperborder.isLocked(true);
// 随单元格尺寸变化而变化
upperborder.dynamicSize(true);
// 设置样式
upperborder.content(topBorderElement);