tsg-web/src/views/gcaqjc/sjtjcx/czcx/dtOptions1.js

export default function dtOption(doubleData) {  
   console.log("doubleData", doubleData);
   const maxRz = Math.ceil(Math.max(...doubleData?.detailVos?.map(o => o.rz)))
   const minRz = Math.floor(Math.min(...doubleData?.detailVos?.map(o => o.rz)))
   const maxcy = Math.ceil(Math.max(...doubleData?.detailVos?.map(o => o.value)))
   const mincy = Math.floor(Math.max(...doubleData?.detailVos?.map(o => o.value)))
   console.log(maxRz,minRz,maxcy,mincy);
    // 字体颜色
const textColor = '#666'
   return {
      title: {
         text: `${doubleData?.stationCode}测压管水位过程线`,
         bottom: "5%",
         left: "40%",
         textStyle: {
            fontWeight: "normal",
            fontSize:14
         }
       },
        toolbox: {
            show: true,
            feature: {
              saveAsImage: {
                show: true,
                excludeComponents: ['toolbox'],
                pixelRatio: 2,
                name:`${doubleData?.stationCode}测压管水位过程线`
              }
            },
            right: "20%",
            top:"5%"
          },
    legend: {
        top: "4%",
        y: "center",
        itemWidth: 30,
        itemHeight: 15,
        itemGap: 15,
        textStyle: {
           fontSize: 12,
           color: "#000",
           padding: [0, 0, 0, 6],
        },
     },
   tooltip: {
      trigger: 'axis'
   },
   grid: {
      top: '20%',
      left: '5%',
      right: '10%',
      bottom: '20%',
      containLabel: true
   },
   xAxis: {
      type: 'category',
      data:doubleData?.detailVos?.map(s =>s.tm),
      axisLabel: {
         // 坐标轴字体颜色
         color: textColor,
         fontSize: 18
      },
      axisLine: {
         lineStyle: {
            color: textColor
         }
      },
      axisTick: {
         // y轴刻度线
         show: true
      },
      splitLine: {
         // 网格
         show: false
      },
      boundaryGap: false
   },
    yAxis: [
        {
            type: 'value',
            min: mincy,
            max: maxcy,
            name: '测压管水位（m）',
            nameTextStyle: {
               color: '#333',
               fontSize: 18,
               padding: [0, 0, 0, 80]
            },
            axisLabel: {
               // 坐标轴字体颜色
               color: textColor,
               fontSize: 18
            },
            axisLine: {
               show: true
            },
            axisTick: {
               // y轴刻度线
               show: false
            },
            splitLine: {
               // 网格
               show: true,
               lineStyle: {
                  color: '#CCCCCC',
                  type: 'dashed'
               }
            }
        },
        {
            type: 'value',
            min: minRz,
            max: maxRz,
            name: '库水位（m）',
            nameTextStyle: {
               color: '#333',
               fontSize: 18,
               padding: [0, 0, 0, 80]
            },
            axisLabel: {
               // 坐标轴字体颜色
               color: textColor,
               fontSize: 18
            },
            axisLine: {
               show: true
            },
            axisTick: {
               // y轴刻度线
               show: false
            },
            splitLine: {
               // 网格
               show: true,
               lineStyle: {
                  color: '#CCCCCC',
                  type: 'dashed'
               }
            }
         },
   ],

       series: [
         {
            name: doubleData?.stationCode,
            type: 'line',
            yAxisIndex: 0,
            symbol: 'circle',
            smooth: true,
            symbolSize: 5,
            z: 1,
            itemStyle: {
               color: "#56c0c2"
            },
            lineStyle: {
               color: "#56c0c2"
            },
           data: doubleData?.detailVos?.map(s =>s.value)
         
          },
          {
            name: `库水位`,
            type: 'line',
            yAxisIndex: 1,
            symbol: 'circle',
            smooth: true,
            symbolSize: 5,
            z: 1,
            itemStyle: {
               color: "#4c9bef"
            },
            lineStyle: {
               color: "#4c9bef"
            },
           data: doubleData?.detailVos?.map(s =>s.rz)
        }
    ]
};

}