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

  调试时提示貌似没有获取成功

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

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

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

你的场景 应该是 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 发表于 2024-7-22 17:41
大佬这个方法有效但是需要手动刷新页面我这个页面加载的代码没起到作用。

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

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

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

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

echarts 默认没有提供这种功能，看看网络解决方案吧， 大概就是算个字体大小：https://segmentfault.com/a/1190000019742521

克鲁兹 发表于 2024-7-22 15:56
一般不需要调用这个方法，你实际上需要的是修改echart 图表所在div 的大小。简单的试验，可以通修改行列布 ...

是的，但是文字没有自适应

一般不需要调用这个方法，你实际上需要的是修改echart 图表所在div 的大小。简单的试验，可以通修改行列布局 改下行高，就会发现chart 变高了

克鲁兹 发表于 2024-7-22 14:34
resize 是 echartsInst 上的方法。上面的示例是返回了option,  大概是这样：Forguncy.Page.getCell("Chart1 ...

谢谢大佬，不报错了。但是我想要的图表的自适应缩放还是没能实现