Bug复盘: Echarts相关字段值为Function时无效

Bug 描述: 使用 echarts 来绘制图表, 但是 echartslabel , formatter 这些字段, 只能使用模版字符串无法使用函数, 使用函数传入时不生效

先去官网看了下, 官网的 playground 是支持模版字符串和函数的

那为什么我封装的 echarts 就不行呢?

简单猜一下, 是版本的问题?应该不是, 这个我记得 n 年前学习使用 echarts 的时候就同时支持这两个设置方式了

新版本不太可能废除这种功能, 所以先去搜下问题看看

果然搜到了, 简单看了下, 说是浅拷贝的问题, JSON.stringfy把函数弄丢了

果然丢掉了

去我的代码里看一下

果然就是因为代码里使用了JSON.stringfy来对默认配置浅拷贝了, JSON.stringfy拷贝使用了函数的对象, 然后拷贝的结果直接丢掉了函数,然后echarts 没有收到, 走了默认值,造成了使用函数来作为label/formatter的值不起作用

总结:

  • 之前使用JSON.stringfy来进行拷贝的原因是当时的需求不需要定制, 用不到函数, 所以使用了这个 API, 但是后期新的需求做特殊配置, 光填配置了, 没再看之前的逻辑
  • JSON.stringfy浅拷贝还是不够了解, 如果足够了解, 可能定位问题就能一针见血, 而不是往版本, 库的 bug 上靠
  • 搜索的时候注意描述准确, 描述准确了我感觉省好多事
相关推荐
Мартин.2 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
昨天;明天。今天。3 小时前
案例-表白墙简单实现
前端·javascript·css
数云界3 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
风清扬_jd3 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++
前端·c++·chrome
安冬的码畜日常3 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
ChinaDragonDreamer3 小时前
Vite:为什么选 Vite
前端
小御姐@stella3 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)
前端·javascript·vue.js
GISer_Jing3 小时前
【React】增量传输与渲染
前端·javascript·面试
eHackyd3 小时前
前端知识汇总(持续更新)
前端
万叶学编程6 小时前
Day02-JavaScript-Vue
前端·javascript·vue.js