动态画echarts - vue项目

暂时没接数据, 后台接口还没写, 写好了更新

之前不是动态画图表的, 直接获取的id, 然后动态画图的时候发现那个获取id有点问题,会报一个getAttribute is null的错, 百度找的$nextTick也不行 , 就定义了一个className. 一开始写的是

<a-card
	:title="item.title"
>
	<div class='className'>
		<div style="width: 80%; height: 300px" class="rate"></div>
	</div>
</a-card>

let className = document.getElementsByClassName('className')
for(){
 	let echarts = this.$echarts.init(
 		className[i].children 
	)
}

在init上面console的时候是可以获取子元素的, 但是放在init里面就报 this.dom.getContext is not a function .

百度后才试了一下, id可以, tagName可以, className可以, 但是children就不行了.

多余写了个父级盒子

<a-card
	:title="item.title"
>
	<div style="width: 80%; height: 300px" class="rate"></div>
</a-card>

let a = this.$echarts.init(
	document.getElementsByClassName('rate')[i]
)