TypeError:cannot read property ‘getAttribute‘ of undefined

不念不忘少年蓝@ 2022-11-20 08:21 252阅读 0赞

报错场景：页面切换路由时报错  
报错原因：使用 Vue + echarts，因为 页面中使用了 echarts 图表，在初始化图表后，dom 元素还未被初始化加载出来，导致 echarts 在渲染时候报错  
示例代码：

drawPie(){  // 总体告警数 饼图
      // 基于准备好的dom，初始化echarts实例
      let ref = this.$refs.pie
      if (ref && ref !== undefined) { 
        let myChart = this.$echarts.init(ref)
        // 绘制图表
        myChart.setOption({ 
          color: ['#04befe'],
          tooltip: { 
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c}'
          },
          series: [
            { 
              type: 'pie',
              radius: ['50%', '65%'],
              avoidLabelOverlap: true,
              label: { 
                show: true,
                formatter: ' {c}\n\n{b}',
                fontSize: '16',
                position: 'center'
              },
              emphasis: { 
                label: { 
                  show: true,
                  fontSize: '16',
                }
              },
              labelLine: { 
                show: false
              },
              data: [
                { value: this.total_num, name: '总体告警数'},
              ],
              hoverOffset: 2
            }
          ]
        })
      }
    },

函数中直接调用 echarts 方法即可

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关 Cannot read properties of undefined (reading ‘length‘)

问题：Cannot read properties of undefined (reading 'length') ![22c42ccc03e44684d66ebc8c3c5

清疚/ 2023年10月10日 16:12/ 0 赞/ 51 阅读

相关 Cannot read properties of undefined (reading ‘target‘)

<div class="switch" @click="toswitch()">编辑</div>//@click="toswitch(item)"

超、凢脫俗/ 2023年10月01日 19:27/ 0 赞/ 4 阅读

相关 Cannot read property ‘vueMarkdownOptions‘ of undefined

前提：在开发内部组件库时，打包遇到以下问题 Module build failed (from ./node_modules/thread-loader/dist

矫情吗；*/ 2023年01月16日 09:44/ 0 赞/ 159 阅读

相关 TypeError:cannot read property ‘getAttribute‘ of undefined

报错场景：页面切换路由时报错报错原因：使用 Vue + echarts，因为页面中使用了 echarts 图表，在初始化图表后，dom 元素还未被初始化加载出来，导致

不念不忘少年蓝@/ 2022年11月20日 08:21/ 0 赞/ 253 阅读

相关 cannot read property ‘getusermedia‘ of undefined

chroem地址栏输入 chrome://flags/unsafely-treat-insecure-origin-as-secure 填写你要开启的地址 ![2

小灰灰/ 2022年10月31日 13:44/ 0 赞/ 176 阅读

相关 Cannot read property ‘tapPromise‘ of undefined

在优化打包体积时使用compression-webpack-plugin报Cannot read property ‘tapPromise‘ of undefined 错误

女爷i/ 2022年10月30日 09:25/ 0 赞/ 176 阅读

相关 Cannot read property ‘msie’ of undefined

在使用 .datetimepicker() 进行选择 date 和time 时，遇到提示.Cannot read property ‘msie’ of undefined

淩亂°似流年/ 2022年07月16日 20:19/ 0 赞/ 154 阅读

相关 Cannot read property 'newLine' of undefined

angularjs报错： ERROR in ./src/main.ts Module build failed: TypeError: Cannot read proper

本是古典何须时尚/ 2022年06月15日 22:58/ 0 赞/ 184 阅读

相关 jquery.validate.min.js:4 Uncaught TypeError: Cannot read property 'getAttribute' of undefined

jquery.validate.min.js:4 Uncaught TypeError: Cannot read property 'getAttribute' of und

心已赠人/ 2022年04月08日 13:56/ 0 赞/ 381 阅读

相关 Cannot read property 'call' of undefined

打开页面出现这个问题：Cannot read property 'call' of undefined 百度了下，[https://blog.csdn.net/sansan\

系统管理员/ 2022年01月06日 07:49/ 0 赞/ 167 阅读