第一次加载失败
原因是:echarts在默认隐藏的div中显示空白
,有时候图表会放在多个标签页(tab)里,那些初始隐藏的标签在初始化图表的时候因为获取不到容器的实际高宽,可能会绘制失败
(不显示图表、图表的高度为0或者宽度为0
),解决办法是在echarts渲染之前先设置div的宽高
,然后再调用echarts的setOption配置项和数据显示图表。
解决:需要手动设置一个宽高,在它初始化之前手动添加一个 宽高
.chart(ref="chart", v-show="data.length>0" style="width:750px;height:260px;")
或者是
<template>
<div id="charts" style="width:750px;height:260px;"></div>
</template>
版权声明:本文为GikQxx21_wen原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。