Javascript

VUE+ECharts 自适应宽度

本文主要是介绍VUE+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+ECharts 自适应宽度的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!