登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

6 主题	8 帖子	40 积分

积分: 40

114
金币
6
主题
8
帖子

最新发帖

[已处理] 拖拽化浮动对象时，刷新floatObject中的内容，内容是Echart 图表

Anne01
注册会员 / 发表于：2022-8-17 10:08 / 查看：1646 / 回复：1

需要实现的功能是：在浮动对象上渲染了Echart 图表，当拖拽浮动对象（浮动对象的大小尺寸发生变化）时，刷新浮动对象floatObject中的内容，内容是Echart 图表，去更新图表的内容（包括Echart 图表的大小）。用了 refreshContent()方法，自己重写了这个方法，在方法中，获取浮动对象的宽高给到 Echart ,去执行Echart 的refreshCharts。调用refreshContent 方法的代码如下：

customFloatingObject.refreshContent = () => {
console.log('refresh floating', customFloatingObject)
const width = customFloatingObject.width()
const height = customFloatingObject.height()
let div = document.createElement('div')
div.style.background = '#FFFFFF'
let innerDiv = document.createElement('div')
innerDiv.id = chart.id
innerDiv.style.width = width + 'px'
innerDiv.style.height = height + 'px'
console.log(innerDiv)
console.log(width, height)
refreshCharts(chart.id, getChartDataFromTables(charts[key].source))
console.log(customFloatingObject.content(div))
}

复制代码

执行了这段代码，控制台报错：报超出最大调用栈，错误截图如下
Image.png960844726.png

Image.png960844726.png

项目代码在附件，具体的调用位置在437行：表明了出错的位置
image.png334692687.png

image.png334692687.png

4.66 KB, 下载次数: 32

收藏

回复

1 个回复

倒序浏览

Lynn.Dou
超级版主 / 发表于：2022-8-17 16:37:35 沙发

您好，
从您提供的demo来看，两个文件似乎没有直接的关系，这边无法通过运行来复现您描述的问题。
为了更快的解决问题，以及避免其他可能性因素的影响，建议您整理代码，提供一个可直接运行复现的demo，并详细描述复现步骤，
这边在代码基础上调试调研下原因。

回复 使用道具举报