LM19 2023-01-30 16:37 采纳率: 62.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条回答 默认 最新

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

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

      悬赏问题

      • ¥15 写c++代码,第7题说一下使用的计算方法
      • ¥15 postman接口自动化测试报告实践总结
      • ¥15 有关c++的问题,利用相关知识
      • ¥15 求香农编码和解码的matlab代码
      • ¥20 ROS中的TEB局部规划问题
      • ¥20 关于#matlab#的问题:要求测出上面图片中所有同心圆的半径
      • ¥20 epanet软件运行问题
      • ¥15 Python 文件读取
      • ¥60 dpabi进行Alff计算时脑池有干扰信号
      • ¥15 利用kmeans或kshape聚类分析对归一化的无量纲时间-降雨序列进行聚类