SpreadJS 16.0.2 插入空饼状图十分卡顿

MillionDream

问题重现步骤

1 / 选择一个比较大的空白区域单元格
image.png336686705.png

2 / 插入图表：饼图
image.png556481933.png

3 / 这时候进行拖拽图表或其他操作，变得非常卡顿，在低配机器上会直接卡死

MillionDream · MillionDream

本帖最后由 Lynn.Dou 于 2023-5-15 14:36 编辑

life（）发表于 2023-5-6 09:41
有办法在插入图表的时候检查到选择的区域是否全是空数据，从而避免这个问题的出现吗？

可以的，通过重写插入图表这个指令，判断选取的区域是否全为空，如果全为空则提示用户无法插入，请参考以下代码：

const container = document.getElementById('gc-designer-container') as HTMLDivElement;

let designerConfig = JSON.parse(JSON.stringify(GCD.Spread.Sheets.Designer.DefaultConfig));

let newCommand = GCD.Spread.Sheets.Designer.getCommand(
      GCD.Spread.Sheets.Designer.CommandNames.InsertChart
);
if (newCommand) {
      let oldExecute = newCommand.execute;
      newCommand.execute = function (context: any, propertyName: any, args: any) {
         let activeSheet = context.getWorkbook().getActiveSheet() as GC.Spread.Sheets.Worksheet;
         let sel = activeSheet.getSelections()[0];
         for (let i = sel.row; i < sel.rowCount; i++) {
            for (let j = sel.col; j < sel.colCount; j++) {
                  if (sheet.getCell(i, j).value() !== null) {
                     oldExecute.call(this, context, propertyName, args);
                     return;
                  }
            }
         }
         alert('Could not insert chart, please select a cell with value.');
      };
}
designerConfig.commandMap = {};
designerConfig.commandMap[GCD.Spread.Sheets.Designer.CommandNames.InsertChart] = newCommand;

let designer = new GCD.Spread.Sheets.Designer.Designer(container, designerConfig);

效果如下：

2.gif566693725.png