美文网首页
记录项目中使用 echarts resize 不生效问题

记录项目中使用 echarts resize 不生效问题

作者: 无题syl | 来源:发表于2022-05-30 16:53 被阅读0次

    使图表宽高与改变宽高之后的容器相适应 注意 ::v-deep 挺重要 .box是存放echarts图表容器(div)

    
    <style lang="scss" scoped>
    ::v-deep.box {
      width: 100%;
      height: 100%;
      div {
        &:nth-child(1) {
          width: 100% !important;
          height: 100% !important;
          canvas {
            width: 100% !important;
            height: 100% !important;
          }
        }
      }
    }
    
    

    相关文章

      网友评论

          本文标题:记录项目中使用 echarts resize 不生效问题

          本文链接:https://www.haomeiwen.com/subject/dewzprtx.html