vue设置二个折线图并排

你可以使用 Vue.js 和 echarts 来实现这个功能。首先，需要安装 echarts：

npm install echarts --save

然后，在 Vue 组件中引入 echarts：

import echarts from 'echarts'

接着，可以定义一个组件来渲染两个折线图：

<template>
  <div class="chart-container">
    <div ref="chart1" class="chart"></div>
    <div ref="chart2" class="chart"></div>
  </div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted() {
    this.renderChart()
  },
  methods: {
    renderChart() {
      const chart1 = echarts.init(this.$refs.chart1)
      const chart2 = echarts.init(this.$refs.chart2)
      
      // 绘制第一个折线图
      chart1.setOption({
        // ...
      })
      
      // 绘制第二个折线图
      chart2.setOption({
        // ...
      })
    }
  }
}
</script>

<style>
.chart-container {
  display: flex;
  justify-content: space-between;
}

.chart {
  width: 48%;
  height: 400px;
}
</style>

上面的代码中，我们使用了 flex 布局来让两个折线图并排显示，每个折线图的宽度为 48%。在 mounted 钩子中调用 renderChart 方法来渲染图表。在 renderChart 方法中，使用 echarts.init 方法初始化两个 echarts 实例，然后分别绘制两个折线图即可。

注意，上面的代码中省略了折线图的配置参数，需要根据具体的需求进行配置。