如何才能通过js获取到页面中的echart元素

登录 · 515275362

克鲁兹发表于 2024-7-22 16:35
echarts 默认没有提供这种功能，看看网络解决方案吧，大概就是算个字体大小：https://segmentfault.com/a/ ...

大佬这个方法有效但是需要手动刷新页面我这个页面加载的代码没起到作用。

Nathan.guo · Nathan.guo

515275362 发表于 2024-7-22 17:41
大佬这个方法有效但是需要手动刷新页面我这个页面加载的代码没起到作用。

大佬这个属于echart本身的一些设计了，大佬也可以自己再网上搜下看有没有其他办法

因为页面加载时命令中去计算，当然只会在页面重新加载的时候去执行代码，你加载后再去调整页面大小系统又不知道；
代码这方面我也不太懂，大佬可以学习下JS**相关的知识～～

克鲁兹 · 克鲁兹

你的场景应该是 window 没有大小没有变化，只有chart 的容器大小变化了。使用这个https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API 监控下dom 大小变化，然后再 resize chart.
或者在你改变布局命令后面执行js resize chart. 示例代码（我没试）:
const targetElement = document.querySelector('div[chartname="Chart1"]'); // 要监听的元素

const resizeObserver = new ResizeObserver(entries => {
echarts.getInstanceByDom(targetElement).resize()
});

resizeObserver.observe(targetElement);

回复 · 515275362

Nathan.guo 发表于 2024-7-23 09:17
大佬这个属于echart本身的一些设计了，大佬也可以自己再网上搜下看有没有其他办法

因为页面加载时命令 ...

监听了窗口改变事件，应该自动调用感觉是这样

Nathan.guo · Nathan.guo

		自动登录	找回密码
密码			立即注册

[已处理] 如何才能通过js获取到页面中的echart元素

本帖子中包含更多资源

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证