<template>
<div
:class="className"
:style="{ height: height, width: width }"
ref="Echart"
id="myChart"
/>
</template>
methods: {
init() {
const self = this; //因为箭头函数会改变this指向，指向windows。所以先把this保存
setTimeout(() => {
window.addEventListener("resize", function () {
self.chart = self.$echarts.init(self.$refs.Echart);
self.chart.resize();
});
}, 10);
},
}
注意：这里$echarts，是在全局配置了echart
1.vue 项目中 引用echarts
cnpm install echarts -S
2.安装成功后 在main.js中全局配置echarts
就不需要再每个页面都引入echart：
参考链接：echarts自适应
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79292.html
