import echarts from 'echarts/lib/echarts';
import { GetInterval } from '../../../../../utils/tools' 

export default function drpOption({data}) {
  const maxVal = Math.ceil(Math.max(...data.map(obj => obj.q)))
  const minVal = Math.floor(Math.min(...data.map(obj => obj.q)))
  const maxValX = Math.max(...data.map(obj => obj.z))
  const minValX = Math.min(...data.map(obj => obj.z))
  


  let arr =[]
  data.forEach(item=>{
    console.log(data);
    arr.push([item.q,item.z])
  })
  // console.log(GetInterval(minValX,maxValX),'jhsdjkashdjkahjk');
  return {
    toolbox: {
      show: true,
      feature: {
        saveAsImage: {
          show: true,
          excludeComponents: ['toolbox'],
          pixelRatio: 2,
          name:"泄流曲线图"
        }
      },
      right: "14%",
      top:"5%"
    },
    title: {
      text: "泄流曲线图",
      left: "40%",
    },
    tooltip: {
      trigger: 'axis',
    },
    grid: [
      {
        top: "10%",
        left: "15%",
        right: "15%",
        bottom: "8%"
      },
    ],
    xAxis: [
      {
        name: "流量(m³/s)",
        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.z),
        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: false
        },
        axisTick: {
          show: false,
        },
        min: minVal,
        max: maxVal
      }
    ],
    series: [
      {
        type: 'line',
        color: "#007AFD",
        data: arr,
        smooth: true
      },
    ]
  };
}