import "echarts/extension/bmap/bmap"


export default function drpOption (data) {
  console.log('data', data)
  const maxSt = Math.ceil(Math.max(...data.map(obj => {
    return  obj?.ecologyV ? obj?.ecologyV:0
  })))
  const minSt = Math.floor(Math.min(...data.map(obj => {
    return  obj?.ecologyV? obj?.ecologyV :300
  })))
  const maxSh = Math.ceil(Math.max(...data.map(obj => {
    return  obj?.lifeV ? obj?.lifeV:0
  })))
  const minSh = Math.floor(Math.min(...data.map(obj => {
    return  obj?.lifeV? obj?.lifeV :300
  })))
  const minY = Math.min(minSt, minSh);
  const maxY = Math.min(maxSt, maxSh);
  
  return {
    toolbox: {
      show: true,
      feature: {
        saveAsImage: {
          show: true,
          excludeComponents: ['toolbox'],
          pixelRatio: 2,
          name:"供水"
        }
      },
      right: "14%",
      top:"5%"
    },
    tooltip: {
      trigger: 'axis'
    },
    grid: [
      {
        top: '18%',
        left: '10%',
        right: '12%',
        bottom:"12%"
        // width: '80%',
        // height: '35%'
      },
    ],
    legend: {
      // 显示图例
      show: true,
    },
    xAxis: [
      {
        type: 'category',
        data: data.map(o => o.tm),
        splitLine: {
          show: false
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
          // formatter:function(val)  
          // {  
          //   let value = val.substr('2020-'.length, 11)
          //     var ret = "";//拼接加\n返回的类目项  
          //     var maxLength = 6;//每项显示文字个数  
          //     var valLength = value.length;//X轴类目项的文字个数  
          //     var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
          //     if (rowN > 1)//如果类目项的文字大于5,  
          //     {  
          //         for (var i = 0; i < rowN; i++) {  
          //             var temp = "";//每次截取的字符串  
          //             var start = i * maxLength;//开始截取的位置  
          //             var end = start + maxLength;//结束截取的位置  
          //        //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧  
          //             temp = value.substring(start, end) + "\n";  
          //             ret += temp; //凭借最终的字符串  
          //         }  
          //         return ret;  
          //     }  
          //     else {  
          //          return value;  
          //     }  
          // }  
       
        },
        axisLine: {
          lineStyle: {
            color: '#07a6ff',
            width: 0.5
          }
        },
        axisTick: {
          show: false
        }
      }
    ],
    yAxis: [
      {
        type: 'value',
        // gridIndex:0,
        position: 'left',
        // name: '水位(m)',
        splitLine: {
          show: true,
          lineStyle: {
            color: '#07a6ff',
            width: 0.25,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 12
        },
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        min: minY,
        max: maxY
      },
    ],
    series: [
      {
        name: '灌溉用水',
        type: 'line',
        symbol: 'none',
        smooth: true,
        color: '#1283e3',
        label: {
          show: false
        },
        data: data.map(o => o.ecologyV)
      },
      {
        name: '水厂取水',
        type: 'line',
        smooth: true,
        color: '#36e9e9',
        symbol: 'none',
        data: data.map(o =>o.lifeV)
      }
    ]
  }
}