Echarts+Vue 自适应图表页面不生效
2019-10-25 本文已影响0人
防脱发敲代码
在写图表页面变化的时候。网上大部分的说法都是window.onresize() 方法，例如：
window.onresize = function () {
hwChart.resize();
swChart.resize();
}
但是我使用都不起作用。
最后研究了一下，在Vue中，在mounted挂载的时候要给resize方法加入监听事件就可以。（其中：在created的时候，视图中的html并没有渲染出来，所以此时如果直接去操作html的dom节点，一定找不到相关的元素；而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点）
变化前：
变化后：
