vue echarts动态数据刷新 需求是数据发生变化echarts会立即刷新，我将data设置未动态的 请求数据成功之后，将数据插入到investmentnum里面，但是后来发现数据虽然插入成功，但是echarts图却没有变化，所以我猜想是echarts没有刷新 接下来进行填坑 用watch 监听data的变化，数据发生变化时重新初始化echarts图 以下是我自己渲染出来的图 vue echarts动态刷新数据（x轴y轴和title） 最近需求做一个数据表，根据筛选条件不一样，渲染不同的内容。 主要如下图 如图，一开始什么都没有的时候默认显示title，当进行筛选的时候横轴和纵轴都显示相应的数据。 问题就是，我按照其他百度问题说的做，直接赋值语句上this.chart.setOption(newVal); 然而并没有什么用。。。。。 因为需求是有数据时改变x轴和y轴数据，隐藏标题的渲染，百度到几乎都是差不多一样的解法之后，，，，我放弃了百度，自己上，因为之前有做echarts的经验，所以摸索起来花了一个多小时把它整出来了，最关键代码先贴出来，心急的小伙伴看完就差不多可以自己撸起袖子干了。 上面就是我研究出来的，哈哈，满足需求就很爽！ 人狠话不多，上代码（由于某种原因，echarts的线图是直接抽出来的插件，so我把它展示一下，觉得难以理解可以看别人的渲染，只是修改的时候渲染的时候看这个就行） 由于引入了mixins/resize，所以也把它贴出来 主组件就根据条件传参进来即可 最终经过筛选条件出来后，显示如下： 有数据时显示 没有数据时显示 最后，不要问我为什么不直接调用init函数，因为重新渲染dom节点是需要付出代价的！！！！ 总结 以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。