
import * as echarts from 'echarts'

const getLineChart = (dataX, dataY) => {
  return {
    grid: {
      left: 24,
      top: 48,
      right: 34,
      bottom: 10,
      containLabel: true
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      splitLine: {
        show: false
      },
      axisLine: {
        show: false
      },
      data: dataX
    },
    yAxis: {
      type: 'value',
      name: '数量',
      nameTextStyle: {
        padding: [-10, 0, 0, -40] // [上, 右, 下, 左]，向左移动10px
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ['#DEE2E7'],   // 线条颜色，可以是数组，用于不同间隔交替颜色
          width: 1,           // 线宽
          type: 'dashed',     // 类型：'solid'（实线）, 'dashed'（虚线）, 'dotted'（点线）
          // opacity: 0.6        // 透明度
        }
      },
      axisLine: {
        show: false
      },
    },
    series: [
      {
        data: dataY,
        type: 'line',
        // showSymbol: false,
        symbol: 'circle',          // 圆形
        symbolSize: 8,             // 大小为8px
        itemStyle: {
          // color: 'rgba(5, 95, 194, 1)',         // 填充为珊瑚红
          color: '#fff',
          borderColor: 'rgba(5, 95, 194, 1)',
          borderWidth: 4,
          // 不设置borderColor和borderWidth，即为纯实心
        },
        lineStyle: {
          color: 'rgba(5, 95, 194, 1)'
        },
        label: {
          show: true
        },
        areaStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: 'rgba(5, 95, 194, 0.8)' // 起始颜色：深色
          }, {
            offset: 1,
            color: 'rgba(5, 95, 194, 0)' // 结束颜色：浅色且透明度降低
          }])
        },
      }
    ]
  }
}

export default getLineChart;