使用echarts折线图代码

使用echarts实现折线图需要以下步骤：
1. 引入echarts库和相关主题库。
2. 创建一个DOM容器，用于显示图表。
3. 初始化echarts实例，并将DOM容器传入。
4. 配置图表的基本信息，如标题、图例、坐标轴等。
5. 配置数据，包括x轴和y轴的数据以及对应的系列数据。
6. 调用echarts实例的setOption方法，将配置项传入，生成图表。

下面是一个简单的示例代码：

// 引入echarts库和相关主题库
import echarts from 'echarts'
import 'echarts/theme/macarons'

// 创建一个DOM容器，用于显示图表
const chartContainer = document.getElementById('chart-container')

// 初始化echarts实例，并将DOM容器传入
const chart = echarts.init(chartContainer, 'macarons')

// 配置图表的基本信息
const option = {
  title: {
    text: '折线图示例'
  },
  legend: {
    data: ['销量']
  },
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '销量',
    type: 'line',
    data: [120, 200, 150, 80, 70, 110, 130]
  }]
}

// 调用echarts实例的setOption方法，将配置项传入，生成图表
chart.setOption(option)