Echart 配置项合并


最近使用 echart 做数据可视化,遇到一个需求,就是需要将默认配置项和后台返回的数据项合并。第一时间是想到直接使用原生 JavaScript 的 Object.assign来处理,echart 的配置项层级较深,用 Object.assign 不适合。在网上找了一大堆方法,都没能解决一个问题,就是对象下数组的合并都没能保留数组的字段对比。

后来,想起了强大的 lodash,其 merge方法完全符合自己的需求。

只想单独使用 merge 方法,可以直接安装 lodash.merge 包

npm i lodash.merge

使用

import merge from 'lodash.merge'
// ......
merge({},defaultOption,otherOption,dataOption)
// ......

注:将所有配置项合并到 {} ,不用 defaultOption 作为源,是防止合并后 defaultOption 被改变,


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM