在vue中使echarts折线图为横屏方向

要使echarts折线图为横屏方向，可以通过设置x轴和y轴的位置来实现。

首先，在echarts的option中设置grid的left和right属性，将图表的宽度设置为100%。然后，在x轴和y轴的设置中，将position属性设置为'bottom'和'left'，使得x轴和y轴在图表底部和左侧显示。最后，将x轴和y轴的type属性都设置为'category'，表示它们都是分类轴。

以下是一个示例代码：

<template>
  <div class="chart-container">
    <v-chart :options="chartOptions"></v-chart>
  </div>
</template>

<script>
import { Line } from 'echarts'
export default {
  data () {
    return {
      chartOptions: {
        grid: {
          left: 0,
          right: 0
        },
        xAxis: {
          type: 'category',
          position: 'bottom'
        },
        yAxis: {
          type: 'category',
          position: 'left'
        },
        series: [{
          type: 'line',
          data: [10, 20, 30, 40, 50, 60, 70, 80, 90]
        }]
      }
    }
  }
}
</script>

<style scoped>
.chart-container {
  width: 100%;
  height: 500px;
}
</style>

在上面的代码中，我们使用了vue-echarts组件来渲染echarts图表。我们设置了图表容器的宽度为100%，并将x轴和y轴的位置设置为底部和左侧。我们还设置了x轴和y轴的type属性为'category'，表示它们都是分类轴。最后，我们在series中添加了一条折线数据。

运行以上代码，你将得到一个横屏方向的echarts折线图。