vue中使用echarts折线图

在Vue中使用Echarts折线图，需要先安装Echarts库。可以通过npm安装，命令如下：

npm install echarts --save

安装完成后，在需要使用Echarts的组件中引入Echarts库：

import echarts from 'echarts'

然后在组件的mounted钩子函数中，创建一个Echarts实例，并传入一个DOM元素作为容器：

mounted() {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('chart'));

  // 绘制图表
  myChart.setOption({
    title: { text: '折线图示例' },
    tooltip: {},
    xAxis: {
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {},
    series: [{
      name: '销量',
      type: 'line',
      data: [5, 20, 36, 10, 10, 20, 5]
    }]
  });
}

其中，'chart'是一个DOM元素的id，用于指定Echarts图表的容器。在setOption方法中，可以设置图表的各种属性，例如标题、坐标轴、数据系列等。