<template>
<div id="echartsDOM"></div>
</template>
<script>
import echarts from "echarts";
export default {
data(){
return {
lineCharts: null;
}
},
methods:{},
mounted(){
this.$nextTick(()=>{
this.lineCharts = echarts.init(document.getElementById('echartsDOM'));
})
window.onresize = () => {
this.lineCharts.resize({
width:document.getElementById('echartsDOM').getBoundingClientRect().width
});
};
}
}
</script>
动态改变echarts大小,通过监听窗口实现
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 目前我能想到的修改字体大小的方法有两种情况: 要么全体统一修改,可以在展示控件如UILabel 直接加catego...
- 1 在vue中使用echarts 先安装 echarts 此处用的yarn 工具 安装完毕之后 可以在packag...
- 实现的效果如下chatDemo udp和tcp的特点 以下是通过udp进行通讯的,废话不多说,直接上代码 如何运行...