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();
    });
  }
}

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐