任务新增导出

zhongrj

2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d

 public/map/js/echarts-data/soil-echarts.js

New file
@@ -0,0 +1,134 @@
/*
 * @Description:
 * @Version: 1.0
 * @Author: yangsx
 * @Date: 2019-11-29 09:42:21
 * @LastEditors: yangsx
 * @LastEditTime: 2019-12-10 14:47:11
 */

var seChart = {
  echartsTEMP: echarts.init(document.getElementById("echartsTEMP")),
  echartsCOND: echarts.init(document.getElementById("echartsCOND")),
  echartsPH: echarts.init(document.getElementById("echartsPH")),
  echartsVWC: echarts.init(document.getElementById("echartsVWC"))
};

/**
 * @description:
 * @param {type}
 * @return:
 * @author: yangsx
 */
function getOption(echartsX, echartsY, code, unit, minthreshold, maxthreshold) {
  var option = {
    // backgroundColor: "#050d1999",
    tooltip: {
      //鼠标悬浮弹出提示框
      trigger: "axis", //提示框弹出的触发时间，折线图和柱状图为axis
      formatter: "{a} <br/>{b} <br/> {c} " + unit //提示框提示的信息，{a}series内的名字，{b}为块状的名字，{c}为数值
    },
    grid: {
      //统计图距离边缘的距离
      top: "8%",
      left: "10%",
      right: "10%",
      bottom: "18%"
    },
    xAxis: [
      {
        //x轴
        type: "category", //数据类型为不连续数据
        boundaryGap: false, //坐标轴两边是否留白
        axisLine: {
          //坐标轴轴线相关设置。数学上的x轴
          show: true,
          lineStyle: {
            color: "#233e64" //x轴颜色
          }
        },
        axisLabel: {
          //坐标轴刻度标签的相关设置
          textStyle: {
            color: "#6a9cd5"
          }
        },
        axisTick: { show: true }, //刻度点数轴
        data: echartsX
      }
    ],
    yAxis: [
      {
        //y轴的相关设置
        type: "value", //y轴数据类型为连续的数据
        //          min: 0,//y轴上的刻度最小值
        //          max:140,//y轴上的刻度最大值
        splitNumber: 7, //y轴上的刻度段数
        splitLine: {
          //y轴上的y轴线条相关设置
          show: true,
          lineStyle: {
            color: "#233e64"
          }
        },
        axisLine: {
          //y轴的相关设置
          show: true,
          lineStyle: {
            color: "#233e64" //y轴颜色
          }
        },
        axisLabel: {
          //y轴的标签相关设置
          formatter: "{value}",
          textStyle: {
            color: "#6a9cd5"
          }
        },
        axisTick: { show: true } //刻度点数轴
      }
    ],
    visualMap: {
      top: 0,
      right: 15,
      show: false,
      pieces: [
        {
          max: Number(minthreshold),
          color: "rgba(236,19,21, 0.6)"
        },
        {
          min: Number(maxthreshold),
          color: "rgba(236,19,21, 0.6)"
        }
      ],
      outOfRange: {
        color: "rgba(61,234,255, 0.6)"
      }
    },
    series: [
      {
        name: code,
        type: "line", //统计图类型为折线图
        smooth: true, //是否平滑曲线显示
        symbolSize: 0, //数据点的大小，[0,0]//b表示宽度和高度
        // lineStyle: {
        //   //线条的相关设置
        //   normal: {
        //     color: "#3deaff" // 线条颜色
        //   }
        // },
        // areaStyle: {
        //   //区域填充样式
        //   normal: {
        //     //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
        //     shadowColor: "rgba(53,142,215, 0.9)", //阴影颜色
        //     shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        data: echartsY
      }
    ]
  };
  return option;
}