tsg-web/src/views/Home/MapCtrl/Pops/WeiYi/drpOption.js

export default function drpOption(data,yjData) {
  console.log("data",data);
  const max1 = Math.max(...[...data.map(obj => obj.de),...data.map(obj => obj.dn),...data.map(obj => obj.du),...yjData.map(obj => obj.value)])
  const min1 = Math.min(...[...data.map(obj => obj.de),...data.map(obj => obj.dn),...data.map(obj => obj.du),...yjData.map(obj => obj.value)])
  const max2 = Math.max(...data.map(obj => obj.rz))
  const min2 = Math.min(...data.map(obj => obj.rz))


  const yj = yjData?.map((item,index)=>{
    return {
      yAxisIndex: 0,
      name: item.yjName,
      type: 'line',
      color: item.color,
      lineStyle: {
        type: "dashed",
        width: 1,
      },
      data: data.map(o => item.value),
      symbol: 'none', // 设置标记点为'none'，即去掉圆点
      smooth: 0.5 
    }
  })


  return {

    tooltip: {
      trigger: 'axis',

    },
    grid: [
      {
        top: "12%",
        left: "5%",
        right: "5%",
        width: '90%',
        height: '75%'
      },
    ],
    legend: {
      top:'3%',
      // 显示图例
      show: true,
      // 图例的位置
      data: ["X方向","Y方向","H方向", "库水位"],
    },
    xAxis: [
      {
        type: 'category',
        data: data.map(o => o.tm),
        inverse: true,
        splitLine: {
          show: false
        },
        axisLabel: {
          padding: [0, 0, 100, 0],
          color: '#333',
          fontSize: 12,
          formatter: val => val.slice(0,10)
        },
        axisLine: {
          lineStyle: {
            color: '#8c8c8c',
            width: 1,
          }
        },
        axisTick: {
          show: false,
        },
      }
    ],
    yAxis: [
      {
        // gridIndex: 1,
        type: 'value',
        position: 'left',
        name: "位移(mm)",
        nameTextStyle: {
          padding: [0, 0, 10, 10],
          color:'#333333',
          fontSize: 14
        },
        splitLine: {
          show: true,
          lineStyle: {
            color: '#bfbfbf',
            width: 0.5,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
        },
        axisLine: {
          // show: false
          lineStyle: {
            color: '#8c8c8c',
            width: 1,
          }
        },
        axisTick: {
          show: false,
        },
        min: Math.floor(min1*0.8)||0,
        max: Math.ceil(max1*1.2)||100,
      },
      {
        // gridIndex: 1,
        type: 'value',
        position: 'right',
        name: "库水位(m)",
        nameTextStyle: {
          padding: [0, 0, 10, 10],
          color:'#333333',
          fontSize: 14
        },
        splitLine: {
          show: false,
          lineStyle: {
            color: '#07a6ff',
            width: 0.25,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
        },
        axisLine: {
          // show: false
          lineStyle: {
            color: '#8c8c8c',
            width: 1,
          }
        },
        axisTick: {
          show: false,
        },
        min: Math.floor(min2*0.8),
        max: Math.ceil(max2*1.2),
      }
    ],
    series: [
      {
        // xAxisIndex: 1,
        yAxisIndex: 0,
        name: 'X方向',
        type: 'line',
        color: "#d6eaec",
        lineStyle: {
          // type: "dashed"
        },
        data:  data.map(o => o.x),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
      {
        // xAxisIndex: 1,
        yAxisIndex: 0,
        name: 'Y方向',
        type: 'line',
        color: "#d6eaec",
        lineStyle: {
          // type: "dashed"
        },
        data:  data.map(o => o.y),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
      {
        // xAxisIndex: 1,
        yAxisIndex: 0,
        name: 'H方向',
        type: 'line',
        color: "#d6eaec",
        lineStyle: {
          // type: "dashed"
        },
        data:  data.map(o => o.h),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
      {
        // xAxisIndex: 1,
        yAxisIndex: 1,
        name: '库水位',
        type: 'line',
        color: "#60a0f8",
        lineStyle: {
          // type: "dashed"
        },
        data:  data.map(o => o.rz),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
      ...yj
    ]
  };
}