vue 用echarts画折线图

要在 Vue 中使用 echarts 绘制折线图，可以按照以下步骤：

1. 安装 echarts：

npm install echarts --save

2. 在 Vue 组件中引入 echarts：

import echarts from 'echarts';

3. 在 Vue 组件中定义一个容器元素，用来渲染 echarts 图表：

<div ref="lineChart" style="width: 100%; height: 400px;"></div>

4. 在 Vue 组件的 mounted 钩子函数中初始化 echarts，并通过 echarts 的 API 绘制折线图：

mounted() {
  // 获取容器元素
  const lineChart = this.$refs.lineChart;

  // 初始化 echarts 实例
  const chart = echarts.init(lineChart);

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

这样就可以在 Vue 组件中使用 echarts 绘制折线图了。需要注意的是，echarts 的 API 相对比较复杂，具体的图表绘制方式需要根据实际需求进行调整和配置。