vue使用echarts折线图

在Vue中使用echarts折线图可以按照以下步骤进行：

1. 首先，安装echarts和vue-echarts两个依赖包。可以使用npm或者yarn进行安装。

npm install echarts vue-echarts

2. 在Vue组件中引入echarts和vue-echarts：

import * as echarts from 'echarts';
import ECharts from 'vue-echarts';

// 引入需要的echarts组件
import 'echarts/lib/chart/line';
import 'echarts/lib/component/tooltip';

3. 注册vue-echarts组件：

export default {
  components: {
    'v-chart': ECharts
  }
}

4. 在模板中使用v-chart组件，并传入相应的配置项：

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

5. 在data中定义chartOptions对象，并设置相应的配置项：

export default {
  data() {
    return {
      chartOptions: {
        title: {
          text: '折线图示例'
        },
        xAxis: {
          type: 'category',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [120, 200, 150, 80, 70, 110, 130],
          type: 'line'
        }]
      }
    };
  }
}

这样就可以在Vue中使用echarts绘制折线图了。你可以根据自己的需求修改配置项和数据。