import {GetInterval} from "../../../../utils/tools"
export default function DrpOption(data) {
    const maxVal = Math.ceil(Math.max(...data.map(obj => obj.rz)))
      const minVal = Math.floor(Math.min(...data.map(obj => obj.rz)))
      const maxValX = Math.max(...data.map(obj => obj.w))
    const minValX = Math.min(...data.map(obj => obj.w))
    let arr = []
    
  data.forEach(item=>{
    arr.push([item.w,item.rz])
  })
    let eopts = {
          tooltip: {
      trigger: 'axis',
    },
    grid: [
      {
        top: "12%",
        left: "12%",
        right: "18%",
        bottom: "8%"
      },
    ],
    xAxis: [
      {
        name: "库容(万m³)",
        nameGap: 5,
        type: 'value',
        min:Math.floor(minValX / 5)  *5,
        max:Math.ceil(maxValX / 5)  *5,
        interval:GetInterval(minValX,maxValX),
        data: data.map(o => o.w),
        splitLine: {
          show: false
        },
      }
    ],
    yAxis: [
      {
        type: 'value',
        name: "库水位(m)",
        minInterval:1,
        splitLine: {
          show: true,
          lineStyle: {
            color: '#07a6ff',
            width: 0.25,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
        },
        axisLine: {
          show: true
        },
        axisTick: {
          show: true,
        },
        min: minVal,
        max: maxVal
      }
    ],
    };
    let chartData = {
         series: [
      {
        type: 'line',
        color: "#007AFD",
        data: arr,
        smooth: true
      },
    ]
    };
     return {
     eopts,
     chartData
   }
}