解决在vue项目中使用ApexChart.js图标不更新的问题

今天在做项目的时候,使用的ApexChart图表,在调用后端数据之后动态修改中X轴的显示值,但是图表页面不更新,测试的了很多方法,原因是X轴最外层是一个对象,object是弱引用类型,直接对其值进行数据修改的时候,obj监测不到此次修改,所以查了ApexChart的文档,发现了其中的一个修改的方法
解决在vue项目中使用ApexChart.js图标不更新的问题
调用此方法即可进行数据修改,因为我是vue的项目,此方法官方给出的文档是js的例子,所以我把自己的代码贴上,以供参考
解决在vue项目中使用ApexChart.js图标不更新的问题
解决在vue项目中使用ApexChart.js图标不更新的问题
我一开始是把ref写在饿了最外层的div上,vue一直检测不到,告诉我此方法不存在,我还一直找了半天才找到
希望对大家的开发之路有所帮助
书山有路勤为径,苦海无涯苦作舟!!!