LM19 2023-01-30 16:37 采纳率: 61.5%
浏览 27
已结题

VUE前端图表显示问题

我使用VUE在前端显示了两个图,并将两个图显示在一行中。但如果页面显示比例有调整,两个图就跑到两行了,我希望是一直在同一行,如果出现显示不下的情况,就自动增加一个横向滚动条。该怎么修改一下代码呢?

当页面显示比例放大后,两个图就的位置就变成了这样:

img

我希望的是无论怎么缩放,位置始终是在一行里的,如下:

img

  我的代码如下:
<el-row>
            <el-col span="12" style="width: 800px; height:180px;margin-left:20px; position:relative;">
              <draw1
                v-if="drawflag"
                :draw-bar-data="drawScatterData1"
                :xAxis_min="this.xAxis_min2"
                :xAxis_max="this.xAxis_max2"
              />
            </el-col>
            <el-col span="12" style="width: 800px; height:180px;margin-left:20px; position:relative;">
              <draw4
                v-if="drawflag"
                :draw-bar-data="drawScatterData2"
                :xAxis_min="this.xAxis_min3"
                :xAxis_max="this.xAxis_max3"
              />
            </el-col>
          </el-row>
  • 写回答

1条回答 默认 最新

  • 一只成序源 2023-01-30 16:47
    关注

    一个图800,两个图1600,你只要设置父元素宽度1600,超出直接overflow-x:scroll就可以了,这是最笨的办法,还有其他办法就是flex呗也行

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 1月30日
  • 已采纳回答 1月30日
  • 创建了问题 1月30日

悬赏问题

  • ¥20 收一个快手协议下单算法
  • ¥15 求一个图片中的成交量选股公式
  • ¥15 已知正方形内随机生成坐标matlab
  • ¥30 关于#python#的问题:我想要的是这79个大特征对于房屋售价的最大的影响前十名(相关搜索:随机森林)
  • ¥15 使用matlab计算自定义特殊函数的二重积分,改变积分顺序所得的结果不同的问题?
  • ¥15 mysql做碎片化处理老是报错怎么办
  • ¥15 如何正确在vs2010中初始化map对象
  • ¥30 mmdet3d模型部署问题
  • ¥15 comsol仿真反射率、吸收率时峰值位置和深度不对!
  • ¥30 Visual Studio找不到sdk,如何解决?