【报错】unhandled error during execution of watcher callback

简介: JavaScript错误`unhandled error during execution of watcher callback`在Echarts图表渲染时出现,通常是因数据未获取到就尝试渲染导致。解决方法是在渲染前添加非空判断,如`if(value){开始渲染数据}`或`if(value !== undefined){开始渲染数据}`,确保数据加载完成后再执行渲染。

@[toc]

报错

unhandled error during execution of watcher callback

分析

在使用Echarts图标绘制数据时,报错:unhandled error during execution of watcher callback,提示的原因是因为当年数据还未拿到时就开始渲染Echarts图表,导致图表展现不出来报错

解决

在数据渲染之前先做一下非空判断
例如:

if(value){
    开始渲染数据
}

或

if(value !== undefined){
    开始渲染数据
}
相关文章
|
编解码 Android开发
Android 常用布局单位区别(dp、sp、px、pt、in、mm)
Android 常用布局单位区别(dp、sp、px、pt、in、mm)
2089 0
|
前端开发 JavaScript 数据格式
echarts异步数据加载(在下拉框选择事件中异步更新数据)
接触echarts 大半年了,从不会到熟练也做过不少的图表,隔了一段时间没使用这玩意,好多东西真心容易忘了。在接触echarts这期间也没有总结什么东西,今天我就来总结一下如何在echart中异步加载数据,在实际的工作的中对数据的刷选非常常见,比如在下拉框中选择,时间选择等的一些事件中异步加载数据。
3898 0
|
数据安全/隐私保护 Android开发 UED
抖音一键跳转微信加好友是怎么实现的?
在抖音广告投放中,用户常因跳转流程繁琐(如手动复制微信号、切换应用搜索等)导致转化率低下
|
前端开发
文字显示在div 最下面,css怎么写
文字显示在div 最下面,css怎么写
807 0
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
14154 8
|
关系型数据库 Shell 数据库
docker 安装及启动 postgresql 及navicat 连接
使用docker 安装及启动 postgresql 及navicat 连接
3284 0
docker 安装及启动 postgresql 及navicat 连接
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(10)--- 基于vue-echarts处理各种图表展示
循序渐进VUE+Element 前端应用开发(10)--- 基于vue-echarts处理各种图表展示

热门文章

最新文章