tsg-web/src/views/Home/fhxs/drpOption.js

export default function drpOption(data,xxsw) {
  console.log("data",data);
  const maxVal = 0//Math.max(...data.map(obj => obj.drp))
  const maxSw = Math.max(...data.map(obj => obj.rz))
  const minSw = Math.min(...data.map(obj => obj.rz))


  return {
    tooltip: {
      trigger: 'axis',

    },
    grid: [
      {
        top: "12%",
        left: "10%",
        right: "8%",
        width: '80%',
        height: '75%'
      },
    ],
    legend: {
      top:'3%',
      // 显示图例
      show: true,
      // 图例的位置
      data: ["库水位", "汛限水位"],
    },
    xAxis: [
      {
        type: 'category',
        data: data.map(o => o.tm),
        inverse: true,
        splitLine: {
          show: false
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
          formatter: val => (val.slice(5,10)+'\n'+val.slice(11,16))
        },
        axisLine: {
          lineStyle: {
            color: '#d9d9d9',
            width: 1,
          }
        },
        axisTick: {
          show: false,
        },
      }
    ],
    yAxis: [
      {
        // gridIndex: 1,
        type: 'value',
        position: 'left',
        name: "水位(m)",
        nameTextStyle: {
          padding: [0, 0, -5, -20]
        },
        splitLine: {
          show: true,
          lineStyle: {
            color: '#bfbfbf',
            width: 0.25,
            type: 'dotted'
          }
        },
        axisLabel: {
          color: '#333',
          fontSize: 12,
        },
        axisLine: {
          show: false
        },
        axisTick: {
          show: false,
        },
        max: Math.floor((maxSw>xxsw?maxSw:xxsw)*1.2),
        min: Math.floor((minSw<xxsw?minSw:xxsw)*0.8),
      },
      // {
      //   // gridIndex: 1,
      //   type: 'value',
      //   position: 'right',
      //   name: "流量(m³/s)",
      //   splitLine: {
      //     show: false,
      //     lineStyle: {
      //       color: '#07a6ff',
      //       width: 0.25,
      //       type: 'dotted'
      //     }
      //   },
      //   axisLabel: {
      //     color: '#333',
      //     fontSize: 12,
      //   },
      //   axisLine: {
      //     show: false
      //   },
      //   axisTick: {
      //     show: false,
      //   },
      //   // min: minLl,
      //   // max: maxLl
      // }
    ],
    series: [
      {
        // xAxisIndex: 1,
        // yAxisIndex: 0,
        name: '库水位',
        type: 'line',
        color: "#669ee3",
        lineStyle: {
          // type: "dashed"
          width: 1.5,
        },
        data:  data.map(o => o.rz),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
      {
        // xAxisIndex: 1,
        // yAxisIndex: 1,
        name: '汛限水位',
        type: 'line',
        color: "#f2ca6b",
        lineStyle: {
          type: "dashed",
          dashOffset:5,
          width: 1.5,
        },
        data:  data.map(o => xxsw),
        symbol: 'none', // 设置标记点为'none'，即去掉圆点
        smooth: 0.5 
      },
    ]
  };
}