echarts-all.js:1 Uncaught TypeError: Cannot read property 'getAttribute' of null

最新推荐文章于 2023-07-26 10:30:00 发布

转载最新推荐文章于 2023-07-26 10:30:00 发布 · 142 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Andrew520/p/10751113.html

本文详细介绍了在使用ECharts时遇到的图形加载问题，即数据已传输但图形容器尚未生成的情况。提供了两种解决方案：一是利用定时器延后图形数据的加载，确保图形容器已存在；二是将图形数据和ID分开请求，先确认容器存在再生成图形。通过代码判断图形容器是否存在，确保图形正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载：https://blog.youkuaiyun.com/you23hai45/article/details/51595108

由于echarts图形ID是由后台传输过来的，并且是根据图形数据一起传过来，出现了图形容器还未生成，但是数据已经来了，这样就会出现这个问题：找不到图形容器

3、解决办法

（1）如果图形数据和图形ID一起传输过来，先保证图形容器已存在，后生成图形；可以利用定时器延后图形数据

（2）可以将图形数据和图形ID分为两个请求接口，分别同步进行，先保证图形容器存在，然后再生成图形

代码添加判断

var pieId = document.getElementById('pie2');
if (!pieId){
    return false;
}
var pie = echarts.init(pieId)

转载于:https://www.cnblogs.com/Andrew520/p/10751113.html