ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VUE+ECharts 自适应宽度

2022-06-27 12:01:57  阅读:34  来源: 互联网

标签:VUE 100% chart width 宽度 div ECharts


 

 card的边框,chart div  width: '100%'

 

代码:

 <el-row :gutter="5" style="padding-top: 0px">       <el-col :span="12">         <el-card>           <div id="myChart1" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>       <el-col :span="12">         <el-card>           <div id="myChart2" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>     </el-row>     <el-row :gutter="5" style="padding-top: 0px">       <el-col :span="12">         <el-card>           <div id="myChart3" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>       <el-col :span="12">         <el-card>           <div id="myChart4" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>     </el-row>     <el-row :gutter="5" style="padding-top: 0px">       <el-col :span="12">         <el-card>           <div id="myChart5" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>       <el-col :span="12">         <el-card>           <div id="myChart6" :style="{ width: '100%', height: '260px' }"></div>         </el-card>       </el-col>     </el-row>

标签:VUE,100%,chart,width,宽度,div,ECharts
来源: https://www.cnblogs.com/xiaosheng1989/p/16415660.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有