layui 折线图

要使用 layui 折线图，需要先引入 layui 的模块和 echarts 的库文件。具体步骤如下：

1. 引入 layui 模块和 echarts 库文件

<script src="layui.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js"></script>

2. 定义一个 div 容器用于显示图表

<div id="chart" style="height:400px;"></div>

3. 在 JavaScript 中配置图表数据和参数

layui.use(['layer'], function(){
  var layer = layui.layer;
  
  // 设置图表数据
  var data = {
    xData: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    seriesData: [120, 200, 150, 80, 70, 110, 130]
  };
  
  // 初始化图表
  var chart = echarts.init(document.getElementById('chart'));
  
  // 配置图表参数
  var option = {
    title: {
      text: '折线图'
    },
    tooltip: {},
    xAxis: {
      data: data.xData
    },
    yAxis: {},
    series: [{
      name: '销量',
      type: 'line',
      data: data.seriesData
    }]
  };
  
  // 渲染图表
  chart.setOption(option);
});

以上代码中，xData 表示 x 轴的数据，seriesData 表示 y 轴的数据，option 中的 title 表示图表标题，xAxis 表示 x 轴的配置，yAxis 表示 y 轴的配置，series 表示系列的配置。

4. 最后，通过 layer 组件显示图表

layer.open({
  type: 1,
  shadeClose: true,
  area: ['600px', '400px'],
  content: $('#chart')
});

以上代码中，通过 layer.open 方法打开一个弹窗，设置弹窗的大小，将图表作为弹窗的内容显示出来。

这样，就可以使用 layui 折线图了。