v-charts图表宽高出现问题 为100px,或者不显示解决方法

首先要给组件设置width和height,参考:https://v-charts.js.org/#/props

如果还是不行 可以调用resize方法

    <!-- 设置ref属性 -->
    <ve-map v-else
          :data="mapData"
          ref="vuemap"
          width="100%"
          height="100%"
          :legend-visible="false"
          :settings="mapSettings"
          :extend="mapExtend"
          :events="mapEvents"
        ></ve-map>


    //数据更新后调用下面的resize方法
    this.$refs['vuemap'].echarts.resize()

参考:https://v-charts.js.org/#/skill-demo

 

还可以看看这篇文章:https://blog.csdn.net/qq_33929420/article/details/106248522?utm_medium=distribute.pc_relevant_right.none-task-blog-OPENSEARCH-2.channel_param_right&depth_1-utm_source=distribute.pc_relevant_right.none-task-blog-OPENSEARCH-2.channel_param_right