vue2 el-carousel内实现echarts图表轮播,echarts图表大小无法配置问题
·
el-carousel内实现echarts图表轮播,echarts图表大小无法配置,改变窗口大小后才能正常显示。
这是由于子组件echarts图表先渲染,echarts组件拿不到父组件的大小而默认显示100px,在初始化函数中调用echarts组件的resize函数。
mounted() {
this.init()
},
methods: {
init() {
let myChart = echarts.init(this.$refs.myChart)
this.$nextTick(() => {
myChart.resize();
});
}
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)