内部网站 建设目标,ps的logo设计制作,大连模板建站哪家好,网站的经费预算首先#xff0c;uniapp当中使用echarts是在通过使用renderjs的script模板的前提下实现的#xff0c;在官方提供的案例当中#xff0c;核心代码是这一部分#xff1a; 但如果将其封装为组件#xff0c;并在一个页面当中引用多次来生成多个charts图标#xff0c;那么这个时…首先uniapp当中使用echarts是在通过使用renderjs的script模板的前提下实现的在官方提供的案例当中核心代码是这一部分 但如果将其封装为组件并在一个页面当中引用多次来生成多个charts图标那么这个时候就会出现上下之间charts图错乱的问题 问题解决
initEcharts() {myChart echarts.init(this.$el)myChart.setOption(this.option)
},
updateEcharts(newValue, oldValue, ownerInstance, instance) {myChart echarts.init(ownerInstance.$el)myChart.setOption(newValue)
}经过分析和反复测验发现只需要在这两个钩子当中重新init charts并且init需要通过this.$el来获取而并不能通过document.getElementById来获取这样在组件渲染多个charts的时候就可以通过获取到当前的实例来精准的渲染出来
