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

今天在做项目的时候，使用的ApexChart图表，在调用后端数据之后动态修改中X轴的显示值，但是图表页面不更新，测试的了很多方法，原因是X轴最外层是一个对象，object是弱引用类型，直接对其值进行数据修改的时候，obj监测不到此次修改，所以查了ApexChart的文档，发现了其中的一个修改的方法

调用此方法即可进行数据修改，因为我是vue的项目，此方法官方给出的文档是js的例子，所以我把自己的代码贴上，以供参考


我一开始是把ref写在饿了最外层的div上，vue一直检测不到，告诉我此方法不存在，我还一直找了半天才找到
希望对大家的开发之路有所帮助
书山有路勤为径，苦海无涯苦作舟！！！