ECharts / 折线图常用配置示例

效果：

代码：

    let options = {
   
      color: ['#F06964'],
      xAxis: {
   
        type: 'category', // 类目轴，适用于离散的类目数据。
        boundaryGap: false, // 坐标轴两边留白策略,默认为 true，这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间
        data: [], // 横轴数据
        axisLine: {
    // 坐标轴轴线相关设置
          lineStyle: {
    // 所有属性：{ color , width , type , shadowBlur , shadowColor , shadowOffsetX , shadowOffsetY , opacity }
            type: 'solid', // 坐标轴线线的类型:solid/dashed/dotted
            color: '#E6EBF0', // 坐标线的颜色
            width: '1', // 坐标线的宽度
          },
        },
        axisLabel: {
    // 坐标轴刻度标签的相关设置
          rotate: 40, // 刻度标签旋转的角度，旋转的角度从 -90 度到 90 度。
          textStyle: {
   
            color: '#666666', // 刻度标签的字体颜色
          },
        },
      },
      yAxis: {
   
        name: