关于给Echar中的图表设置宽度为100%，但实际只有100px的问题

淩亂°似流年 2024-04-19 15:35 113阅读 0赞

背景：

  1.    在开发一个前端项目时，需要用到Element-ui的<el-tabs>组件和Echart开源库，当两者嵌套使用时，我给Echart中的图表宽度设置为了100%，但是实际的宽度却只有100px，出现错误的代码如下：
  3. <el-tabs v-model="activeName" type="border-card" class="mt_10" style="width: 100%" @tab-click="tabClickCallback">
  4.       <el-tab-pane label="数据信息" name="data_info">
  5.         数据信息
  6.       </el-tab-pane>
  7.       <el-tab-pane label="元数据" name="meta_datas">
  8.         元数据
  9.       </el-tab-pane>
  10.       <!-- :lazy="true" -->
  11.       <el-tab-pane label="数据可视化" name="data_visualization" style="width: 100%">
  12.         <el-row :gutter="10">
  13.           <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8" id="chart-root"

发表评论

表情：
评论列表 （有 0 条评论，113人围观）

还没有评论，来说两句吧...

相关阅读