vue2使用echarts折线图

以下是在Vue2中使用Echarts绘制折线图的步骤：

1.安装Echarts和Vue-Echarts

npm install echarts --save
npm install vue-echarts --save

2.在Vue组件中引入Vue-Echarts

import ECharts from 'vue-echarts/components/ECharts.vue'

3.在Vue组件中注册ECharts组件

components: {
  'v-chart': ECharts
}

4.在Vue组件中定义ECharts的配置项

data() {
  return {
    chartOptions: {
      title: {
        text: '折线图'
      },
      tooltip: {},
      xAxis: {
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
      },
      yAxis: {},
      series: [{
        name: '销量',
        type: 'line',
        data: [5, 20, 36, 10, 10, 20, 5]
      }]
    }
  }
}

5.在Vue组件中使用ECharts组件，并将配置项传递给ECharts组件

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