import echarts from 'echarts/lib/echarts';
import { sw } from './mock'
export default function DrpOption(
  data = sw,
  afsltdz,
  flLowLimLev = 840.3,
  desFloodLev = 843.23,
  calFloodLev = 844.12) {
  const maxVal = Math.max(...data.map(obj => obj.drp))
  const maxSw = Math.ceil(Math.max(...data.map(obj => obj.rz)))
  const minSw = Math.floor(Math.min(...data.map(obj => obj.rz)))
  const maxKr = Math.max(...data.map(obj => obj.w))
  const minKr = Math.min(...data.map(obj => obj.w))
  console.log('desFloodLev', desFloodLev);
  let eopts = {
    tooltip: {
      trigger: 'axis',
    
      appendToBody: false,
      className: 'echarts-tooltip'
    },
    grid: {
      top: "15%",
      left: "10%",
      right: "10%",
      bottom: "15%"
    },
    legend: {
      show: true,
      data: ["校核水位", '设计水位', '汛限水位', '水位', '库容'],
      left: 'center',
      top: 0,
      itemWidth: 10,
      padding: 0
    },
    xAxis: [
      {
      type: 'category',
      data: data.map(o => o.tm.substr("2020-".length, 11)),
      inverse: true,
      splitLine: {
        show: false
      },
      axisLabel: {
        color: '#333',
        fontSize: 12,
        formatter: val => val.substr('2020-'.length, 11)
      },
      axisLine: {
        lineStyle: {
          color: '#07a6ff',
          width: 0.5
        }
      },
      axisTick: {
        show: false
      }
    }
    ],
    yAxis: [
      {
        type: 'value',
        position: 'left',
        name: '水位(m)',
        splitLine: {
          show: true,
          lineStyle: {
            color: '#07a6ff',
            width: 0.25,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 10
        },
        axisLine: {
          show: true,
          lineStyle: {
            color: '#07a6ff',
            width: 0.5
          }
        },
        axisTick: {
          show: true
        },
        min: minSw,
        max: maxSw
      },
      {
        type: 'value',
        position: 'right',
        name: '库容(万m³)',
        splitLine: {
          show: false
        },
        axisLabel: {
          color: '#333',
          fontSize: 10
        },
        axisLine: {
          show: true,
          lineStyle: {
            color: '#07a6ff',
            width: 0.5
          }
        },
        axisTick: {
          show: true
        },
        min: minKr,
        max: maxKr
      }
    ],
  }
  let chartData = {
    series: [
      {
        yAxisIndex: 0,
        name: '校核水位',
        type: 'line',
        color: '#D9001B',
        lineStyle: {
          type: 'dashed'
        },
        data: data.map(o => calFloodLev),
        symbol: 'none',
        showSymbol: false,
        label: {
          show: false
        },
      },
      {
        yAxisIndex: 0,
        name: '设计水位',
        type: 'line',
        color: '#F59A23',
        data: data.map(o => desFloodLev),
        lineStyle: {
          type: 'dashed'
        },
        symbol: 'none',
        showSymbol: false,
        label: {
          show: false
        },
      },
      {
        yAxisIndex: 0,
        name: '汛限水位',
        type: 'line',
        color: '#FDDC9F',
        data: data.map(o => flLowLimLev),
        lineStyle: {
          type: 'dashed'
        },
        symbol: 'none',
        showSymbol: false,
        label: {
          show: false
        },
      },
      {
        yAxisIndex: 0,
        name: '水位',
        type: 'line',
        symbol: 'none',
        showSymbol: false,
        color: '#0AE0B5',
        label: {
          show: false
        },
        data: data.map(o => o.rz ? o.rz.toFixed(2) : null)
      },
      {
        yAxisIndex: 1,
        name: '库容',
        type: 'line',
        color: '#007AFD',
        symbol: 'none',
        showSymbol: false,
        label: {
          show: false
        },
        data: data.map(o => o.w)
      }
    ],
  }
  return {
    eopts,
    chartData
  }
}