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

最新推荐文章于 2024-08-15 11:16:20 发布

竹子js

最新推荐文章于 2024-08-15 11:16:20 发布

阅读量1.9k

点赞数

分类专栏： v-charts

本文链接：https://blog.csdn.net/bamboozjy/article/details/107659956

版权

v-charts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先要给组件设置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