问题复现:父组件中通过名为 source 的 prop 向子组件 chart 传入数据
import chart from '../components/chart'
export default {
name: 'home',
components: { chart },
data () {
return {
chartdata: []
}
},
mounted () {
settimeout(() => {
this.chartdata = [
[89.3, 58212, 'matcha latte'],
[57.1, 78254, 'milk tea'],
[74.4, 41032, 'cheese cocoa'],
[50.1, 12755, 'cheese brownie'],
[89.7, 20145, 'matcha cocoa'],
[68.1, 79146, 'tea'],
[19.6, 91852, 'orange juice'],
[10.6, 101852, 'lemon juice'],
[32.7, 20112, 'walnut brownie']
]
}, 2000)
}
}
子组件接收 source 数据当存在且至少有一条数据的时候,创建 id 为 main 的 div,用以初始化 echarts 实例
none </