const option01 = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        lineStyle: {
          color: "#dddc6b"
        }
      }
    },
    legend: {
      top: "0%",
      textStyle: {
        color: "#fff",
        fontSize: "12"
      }
    },
    grid: {
      left: "10",
      top: "30",
      right: "20",
      bottom: "10",
      containLabel: true
    },

    xAxis: [
      {
        type: "category",
        boundaryGap: false,
        axisLabel: {
          textStyle: {
            color: "#fff",
            fontSize: 12
          }
        },
        axisLine: {
          lineStyle: {
            color: "#fff"
          }
        },
        data: [
          "05-06",
          "05-07",
          "05-08",
          "05-09",
          "05-10",
          "05-11",
          "05-12",
          "05-13",
          "05-14",
        ]
      },
      {
        axisPointer: { show: false },
        axisLine: { show: false },
        position: "bottom",
        offset: 0
      }
    ],

    yAxis: [
      {
        type: "value",
        axisTick: { show: false },
        axisLine: {
          lineStyle: {
            color: "#fff"
          }
        },
        axisLabel: {
          textStyle: {
            color: "#fff",
            fontSize: 12
          }
        },
        splitLine: {
          show:false
        }
      }
    ],
    series: [
      {
        name: "环境湿度",
        type: "line",
        smooth: true,
        symbol: "circle",  //标记的 图形
        symbolSize: 5,
        showSymbol: true,
        lineStyle: {
          normal: {
            color: "#39b6e6",
            width: 2
          }
        },
        areaStyle: {
          normal: {
            color: {
              type: 'linear',
              x: 0,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [{
                      offset: 0, color: 'rgba(61, 196, 241, 1)' // 0% 处的颜色
                  }, {
                      offset: 0.8, color: 'rgba(61, 196, 241, 0.2)' // 100% 处的颜色
                  }],
                  global: false // 缺省为 false
              },
            shadowColor: "rgba(0, 0, 0, 0.1)"
          }
        },
        itemStyle: {
          normal: {
            color: "#39b6e6",
            borderColor: "#39b6e6",
            borderWidth: 2
          }
        },
        data: [
          30,
          40,
          30,
          40,
          30,
          40,
          30,
          60,
          20,
        ]
      },
      {
        name: "环境温度",
        type: "line",
        smooth: true,
        symbol: "circle",
        symbolSize: 5,
        showSymbol: true,
        lineStyle: {
          normal: {
            color: "#c71881",
            width: 2
          }
        },
        itemStyle: {
          normal: {
            color: "#c71881",
            borderColor: "#c71881",
            borderWidth: 2
          }
        },
        data: [
          50,
          30,
          50,
          60,
          10,
          50,
          30,
          50,
          60,
        ]
      }
    ]
};

const   option02 = {
  color: ["#2f89cf"],
//   color: ["#fd2f56"],
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
    }
  },
  grid: {
    left: "10",
    top: "10",
    right: "10",
    bottom: "5",
    containLabel: true
  },
  xAxis: [
    {
      type: "category",
      data: [
        "05-01",
        "05-02",
        "05-03",
        "05-04",
        "05-05",
        "05-06",
        "05-07",
        "05-08",
        "05-09",
        "05-10"
      ],
      axisTick: {
        alignWithLabel: true
      },
      axisLabel: {
        textStyle: {
          color: "rgba(255,255,255,.6)",
          fontSize: "12"
        }
      },
      axisLine: {
        show: false
      }
    }
  ],
  yAxis: [
    {
      type: "value",
      axisLabel: {
        textStyle: {
          color: "rgba(255,255,255,.6)",
          fontSize: "12"
        }
      },
      axisLine: {
        lineStyle: {
          color: "rgba(255,255,255,.1)"
          // width: 1,
          // type: "solid"
        }
      },
      splitLine: {
        lineStyle: {
          color: "rgba(255,255,255,.1)"
        }
      }
    }
  ],
  series: [
    {
      name: "加热仓温度",
      type: "bar",
      barWidth: "12",
      data: [200, 300, 300, 900, 1500, 1200, 600,200,400,800],
      itemStyle: {
        normal: {
            barBorderRadius: 30,
            color: {
              type: 'linear',
              x: 0,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [{
                    //   offset: 0, color: '#3fedcc' // 0% 处的颜色
                      offset: 0, color: '#ff2a56' // 0% 处的颜色
                  }, {
                    //   offset: 1, color: '#086ce6' // 100% 处的颜色
                      offset: 1, color: '#f77a42' // 100% 处的颜色
                  }],
                  global: false // 缺省为 false
              },
        },
      },
    }
  ]
};
const option03 = {
    "animation": true,
    "title": {
        "text": '24台',
        "x": "center",
        "y": "center",
        "textStyle": {
            "color": "#1e74fd",
            // "fontSize": 20,
            "fontSize": 15,
            "fontWeight": "normal",
            "align": "center",
            "width": "100px"
        },
    },
    "legend": {
        "width": "90%",
        "left": "center",
        "textStyle": {
            "color": "#666",
            // "fontSize": 12
            "fontSize": 10
        },
        "icon": "circle",
        "right": "0",
        "bottom": "0",
        "padding": [5, 10],
        "itemGap": 10,
        "data": ["苍蝇", "七星瓢虫", "草地贪夜蛾", "稻飞虱"]
    },
    "series": [{
        "type": "pie",
        "center": ["50%", "50%"],
        "radius": ["60%", "70%"],
        "color": ["#00d0ae", "#d70252", "#ffa300", "#1e75ff"],
        "startAngle": 135,
        "labelLine": {
            "normal": {
                "length": 25
            }
        },
        "label": {
            "normal": {
                "formatter": "{c}只",
                "backgroundColor": "rgba(255, 147, 38, 0)",
                "borderColor": "transparent",
                "borderRadius": 4,
                "rich": {
                    "a": {
                        "color": "#999",
                        "lineHeight": 22,
                        "align": "center"
                    },
                    "hr": {
                        "borderColor": "#aaa",
                        "width": "100%",
                        "borderWidth": 1,
                        "height": 0
                    },
                    "b": {
                        "color": "#b3e5ff",
                        "fontSize": 16,
                        "lineHeight": 33
                    },
                    "c": {
                        "fontSize": 90,
                        "color": "red"
                    },
                    "per": {
                        "color": "#FDF44E",
                        "fontSize": 14,
                        "padding": [5, 8],
                        "borderRadius": 2
                    }
                },
                "textStyle": {
                    // "fontSize": 20
                    "fontSize": 15
                }
            }
        },
        "emphasis": {
            "label": {
                "show": true,
                "formatter": "{b|{b}:}  {per|{d}%}  ",
                "backgroundColor": "rgba(255, 147, 38, 0)",
                "borderColor": "transparent",
                "borderRadius": 4,
                "rich": {
                    "a": {
                        "color": "#999",
                        "lineHeight": 22,
                        "align": "center"
                    },
                    "hr": {
                        "borderColor": "#aaa",
                        "width": "100%",
                        "borderWidth": 1,
                        "height": 0
                    },
                    "b": {
                        "color": "#fff",
                        // "fontSize": 18,
                        "fontSize": 16,
                        "lineHeight": 33
                    },
                    "c": {
                        // "fontSize": 14,
                        "fontSize": 13,
                        "color": "#eee"
                    },
                    "per": {
                        "color": "#FDF44E",
                        // "fontSize": 25,
                        "fontSize": 20,
                        "padding": [5, 6],
                        "borderRadius": 2
                    }
                }
            }
        },
        "data": [{
            "name": "苍蝇",
            "value": 3
        }, {
            "name": "七星瓢虫",
            "value": 7
        }, {
            "name": "草地贪夜蛾",
            "value": 4
        }, {
            "name": "稻飞虱",
            "value": 10
        }]
    }]
} 

export {option01,option02,option03}