vue3中使用echarts初次渲染图表十分小的问题及解决方法

项目场景：

项目场景：vue3中引入了echarts图表，在onMounted中初始化图表。

1、template部分代码：

2、js代码：

在onMounted中初始化图表。

3、css代码：

问题描述

图表显示十分小，显然不正常。

但是重新调整浏览器大小后，可以正常显示。

@Override
	public void run() {
		bytes = mmInStream.read(buffer);
		mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();
	}

---

原因分析：

如果直接在mounted中如果初始化图表的话，dom元素还没有完全加载完成，echarts就已经加载了，因为获取不到宽高，会造成加载出来的echarts很小。

解决方案：

等dom元素加载完成之后，再次渲染图表（调用initCharts函数）。可以在nextTick中调用，实现dom加载完成后渲染图表。

初次渲染，大小正常。